#7086f9 hex color

In a RGB color space, hex #7086f9 is composed of 43.9% red, 52.5% green and 97.6% blue. Whereas in a CMYK color space, it is composed of 55% cyan, 46.2% magenta, 0% yellow and 2.4% black. It has a hue angle of 230.4 degrees, a saturation of 91.9% and a lightness of 70.8%. #7086f9 color hex could be obtained by blending #e0ffff with #000df3. Closest websafe color is: #6699ff.

♥
- f
- t
- g
- R 44
- G 53
- B 98
RGB color chart
- C 55
- M 46
- Y 0
- K 2
CMYK color chart

● #7086f9 color description : Soft blue.

The hexadecimal color #7086f9 has RGB values of R:112, G:134, B:249 and CMYK values of C:0.55, M:0.46, Y:0, K:0.02. Its decimal value is 7374585.

Hex triplet	7086f9	`#7086f9`
RGB Decimal	112, 134, 249	`rgb(112,134,249)`
RGB Percent	43.9, 52.5, 97.6	`rgb(43.9%,52.5%,97.6%)`
CMYK	55, 46, 0, 2
HSL	230.4°, 91.9, 70.8	`hsl(230.4,91.9%,70.8%)`
HSV (or HSB)	230.4°, 55, 97.6
Web Safe	6699ff	`#6699ff`

CIE-LAB	59.281, 24.44, -60.094
XYZ	32.303, 27.333, 93.191
xyY	0.211, 0.179, 27.333
CIE-LCH	59.281, 64.874, 292.131
CIE-LUV	59.281, -14.524, -98.304
Hunter-Lab	52.281, 18.797, -69.088
Binary	01110000, 10000110, 11111001

#7086f9
```
#7086f9 rgb(112,134,249)
```
#f9e370
```
#f9e370 rgb(249,227,112)
```

Complementary Color

#70cbf9
```
#70cbf9 rgb(112,203,249)
```
#7086f9
```
#7086f9 rgb(112,134,249)
```
#9f70f9
```
#9f70f9 rgb(159,112,249)
```

Analogous Color

#cbf970
```
#cbf970 rgb(203,249,112)
```
#7086f9
```
#7086f9 rgb(112,134,249)
```
#f99f70
```
#f99f70 rgb(249,159,112)
```

Split Complementary Color

#86f970
```
#86f970 rgb(134,249,112)
```
#7086f9
```
#7086f9 rgb(112,134,249)
```
#f97086
```
#f97086 rgb(249,112,134)
```

Triadic Color

#70f9e3
```
#70f9e3 rgb(112,249,227)
```
#7086f9
```
#7086f9 rgb(112,134,249)
```
#f97086
```
#f97086 rgb(249,112,134)
```
#f9e370
```
#f9e370 rgb(249,227,112)
```

Tetradic Color

#2748f6
```
#2748f6 rgb(39,72,246)
```
#3f5df7
```
#3f5df7 rgb(63,93,247)
```
#5871f8
```
#5871f8 rgb(88,113,248)
```
#7086f9
```
#7086f9 rgb(112,134,249)
```
#889bfa
```
#889bfa rgb(136,155,250)
```
#a1affb
```
#a1affb rgb(161,175,251)
```
#b9c4fc
```
#b9c4fc rgb(185,196,252)
```

Monochromatic Color

Below, you can see some colors close to #7086f9. Having a set of related colors can be useful if you need an inspirational alternative to your original color choice.

#70a8f9
```
#70a8f9 rgb(112,168,249)
```
#709df9
```
#709df9 rgb(112,157,249)
```
#7091f9
```
#7091f9 rgb(112,145,249)
```
#7086f9
```
#7086f9 rgb(112,134,249)
```
#707bf9
```
#707bf9 rgb(112,123,249)
```
#7170f9
```
#7170f9 rgb(113,112,249)
```
#7c70f9
```
#7c70f9 rgb(124,112,249)
```

Similar Colors

Text with hexadecimal color #7086f9

This text has a font color of #7086f9.

<span style="color:#7086f9;">Text here</span>

#7086f9 background color

This paragraph has a background color of #7086f9.

<p style="background-color:#7086f9;">Content here</p>

#7086f9 border color

This element has a border color of #7086f9.

<div style="border:1px solid #7086f9;">Content here</div>

CSS codes

.text {color:#7086f9;}

.background {background-color:#7086f9;}

.border {border:1px solid #7086f9;}

A shade is achieved by adding black to any pure hue, while a tint is created by mixing white to any pure color. In this example, #000108 is the darkest color, while #f4f6ff is the lightest one.

#000108
```
#000108 rgb(0,1,8)
```
#01051a
```
#01051a rgb(1,5,26)
```
#02092d
```
#02092d rgb(2,9,45)
```
#030d40
```
#030d40 rgb(3,13,64)
```
#031053
```
#031053 rgb(3,16,83)
```
#041466
```
#041466 rgb(4,20,102)
```
#051879
```
#051879 rgb(5,24,121)
```
#061b8b
```
#061b8b rgb(6,27,139)
```
#071f9e
```
#071f9e rgb(7,31,158)
```
#0723b1
```
#0723b1 rgb(7,35,177)
```
#0826c4
```
#0826c4 rgb(8,38,196)
```
#092ad7
```
#092ad7 rgb(9,42,215)
```
#0a2eea
```
#0a2eea rgb(10,46,234)
```

Shade Color Variation

#1236f5
```
#1236f5 rgb(18,54,245)
```
#2546f6
```
#2546f6 rgb(37,70,246)
```
#3856f7
```
#3856f7 rgb(56,86,247)
```
#4a66f7
```
#4a66f7 rgb(74,102,247)
```
#5d76f8
```
#5d76f8 rgb(93,118,248)
```
#7086f9
```
#7086f9 rgb(112,134,249)
```
#8396fa
```
#8396fa rgb(131,150,250)
```
#96a6fb
```
#96a6fb rgb(150,166,251)
```
#a8b6fb
```
#a8b6fb rgb(168,182,251)
```
#bbc6fc
```
#bbc6fc rgb(187,198,252)
```
#ced6fd
```
#ced6fd rgb(206,214,253)
```
#e1e6fe
```
#e1e6fe rgb(225,230,254)
```
#f4f6ff
```
#f4f6ff rgb(244,246,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #afb1ba is the less saturated color, while #6a82ff is the most saturated one.

#afb1ba
```
#afb1ba rgb(175,177,186)
```
#a9adc0
```
#a9adc0 rgb(169,173,192)
```
#a4a9c5
```
#a4a9c5 rgb(164,169,197)
```
#9ea5cb
```
#9ea5cb rgb(158,165,203)
```
#98a1d1
```
#98a1d1 rgb(152,161,209)
```
#929dd7
```
#929dd7 rgb(146,157,215)
```
#8d99dc
```
#8d99dc rgb(141,153,220)
```
#8796e2
```
#8796e2 rgb(135,150,226)
```
#8192e8
```
#8192e8 rgb(129,146,232)
```
#7b8eee
```
#7b8eee rgb(123,142,238)
```
#768af3
```
#768af3 rgb(118,138,243)
```
#7086f9
```
#7086f9 rgb(112,134,249)
```
#6a82ff
```
#6a82ff rgb(106,130,255)
```

Tone Color Variation

Below, you can see how #7086f9 is perceived by people affected by a color vision deficiency. This can be useful if you need to ensure your color combinations are accessible to color-blind users.

Monochromacy

#8d8d8d Achromatopsia 0.005% of the population
#878ca3 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5a91fd Protanopia 1% of men
#3b96f5 Deuteranopia 1% of men
#509fab Tritanopia 0.001% of the population

Trichromacy

#628dfb Protanomaly 1% of men, 0.01% of women
#4e90f6 Deuteranomaly 6% of men, 0.4% of women
#5c96c7 Tritanomaly 0.01% of the population

#7086f9 hex color

#7086f9 Color Information

#7086f9 Color Conversion

Color Schemes with #7086f9

Alternatives to #7086f9

#7086f9 Preview

Shades and Tints of #7086f9

Tones of #7086f9

Color Blindness Simulator