#7086f2 hex color

In a RGB color space, hex #7086f2 is composed of 43.9% red, 52.5% green and 94.9% blue. Whereas in a CMYK color space, it is composed of 53.7% cyan, 44.6% magenta, 0% yellow and 5.1% black. It has a hue angle of 229.8 degrees, a saturation of 83.3% and a lightness of 69.4%. #7086f2 color hex could be obtained by blending #e0ffff with #000de5. Closest websafe color is: #6699ff.

♥
- f
- t
- g
- R 44
- G 53
- B 95
RGB color chart
- C 54
- M 45
- Y 0
- K 5
CMYK color chart

● #7086f2 color description : Soft blue.

The hexadecimal color #7086f2 has RGB values of R:112, G:134, B:242 and CMYK values of C:0.54, M:0.45, Y:0, K:0.05. Its decimal value is 7374578.

Hex triplet	7086f2	`#7086f2`
RGB Decimal	112, 134, 242	`rgb(112,134,242)`
RGB Percent	43.9, 52.5, 94.9	`rgb(43.9%,52.5%,94.9%)`
CMYK	54, 45, 0, 5
HSL	229.8°, 83.3, 69.4	`hsl(229.8,83.3%,69.4%)`
HSV (or HSB)	229.8°, 53.7, 94.9
Web Safe	6699ff	`#6699ff`

CIE-LAB	58.886, 22.243, -56.863
XYZ	31.231, 26.904, 87.547
xyY	0.214, 0.185, 26.904
CIE-LCH	58.886, 61.058, 291.364
CIE-LUV	58.886, -14.332, -92.743
Hunter-Lab	51.869, 16.704, -63.763
Binary	01110000, 10000110, 11110010

#7086f2
```
#7086f2 rgb(112,134,242)
```
#f2dc70
```
#f2dc70 rgb(242,220,112)
```

Complementary Color

#70c7f2
```
#70c7f2 rgb(112,199,242)
```
#7086f2
```
#7086f2 rgb(112,134,242)
```
#9b70f2
```
#9b70f2 rgb(155,112,242)
```

Analogous Color

#c7f270
```
#c7f270 rgb(199,242,112)
```
#7086f2
```
#7086f2 rgb(112,134,242)
```
#f29b70
```
#f29b70 rgb(242,155,112)
```

Split Complementary Color

#86f270
```
#86f270 rgb(134,242,112)
```
#7086f2
```
#7086f2 rgb(112,134,242)
```
#f27086
```
#f27086 rgb(242,112,134)
```

Triadic Color

#70f2dc
```
#70f2dc rgb(112,242,220)
```
#7086f2
```
#7086f2 rgb(112,134,242)
```
#f27086
```
#f27086 rgb(242,112,134)
```
#f2dc70
```
#f2dc70 rgb(242,220,112)
```

Tetradic Color

#2a4bec
```
#2a4bec rgb(42,75,236)
```
#415eee
```
#415eee rgb(65,94,238)
```
#5972f0
```
#5972f0 rgb(89,114,240)
```
#7086f2
```
#7086f2 rgb(112,134,242)
```
#879af4
```
#879af4 rgb(135,154,244)
```
#9faef6
```
#9faef6 rgb(159,174,246)
```
#b6c1f8
```
#b6c1f8 rgb(182,193,248)
```

Monochromatic Color

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

#70a7f2
```
#70a7f2 rgb(112,167,242)
```
#709cf2
```
#709cf2 rgb(112,156,242)
```
#7091f2
```
#7091f2 rgb(112,145,242)
```
#7086f2
```
#7086f2 rgb(112,134,242)
```
#707bf2
```
#707bf2 rgb(112,123,242)
```
#7070f2
```
#7070f2 rgb(112,112,242)
```
#7b70f2
```
#7b70f2 rgb(123,112,242)
```

Similar Colors

Text with hexadecimal color #7086f2

This text has a font color of #7086f2.

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

#7086f2 background color

This paragraph has a background color of #7086f2.

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

#7086f2 border color

This element has a border color of #7086f2.

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

CSS codes

.text {color:#7086f2;}

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

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

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, #000001 is the darkest color, while #eef1fd is the lightest one.

#000001
```
#000001 rgb(0,0,1)
```
#020513
```
#020513 rgb(2,5,19)
```
#030925
```
#030925 rgb(3,9,37)
```
#050d37
```
#050d37 rgb(5,13,55)
```
#071249
```
#071249 rgb(7,18,73)
```
#08165b
```
#08165b rgb(8,22,91)
```
#0a1b6d
```
#0a1b6d rgb(10,27,109)
```
#0c1f7f
```
#0c1f7f rgb(12,31,127)
```
#0d2391
```
#0d2391 rgb(13,35,145)
```
#0f28a3
```
#0f28a3 rgb(15,40,163)
```
#102cb5
```
#102cb5 rgb(16,44,181)
```
#1231c7
```
#1231c7 rgb(18,49,199)
```
#1435d9
```
#1435d9 rgb(20,53,217)
```

Shade Color Variation

#163aea
```
#163aea rgb(22,58,234)
```
#2849eb
```
#2849eb rgb(40,73,235)
```
#3a58ed
```
#3a58ed rgb(58,88,237)
```
#4c68ef
```
#4c68ef rgb(76,104,239)
```
#5e77f0
```
#5e77f0 rgb(94,119,240)
```
#7086f2
```
#7086f2 rgb(112,134,242)
```
#8295f4
```
#8295f4 rgb(130,149,244)
```
#94a4f5
```
#94a4f5 rgb(148,164,245)
```
#a6b4f7
```
#a6b4f7 rgb(166,180,247)
```
#b8c3f9
```
#b8c3f9 rgb(184,195,249)
```
#cad2fa
```
#cad2fa rgb(202,210,250)
```
#dce1fc
```
#dce1fc rgb(220,225,252)
```
#eef1fd
```
#eef1fd rgb(238,241,253)
```

Tint Color Variation

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

#acaeb6
```
#acaeb6 rgb(172,174,182)
```
#a6aabc
```
#a6aabc rgb(166,170,188)
```
#a0a6c2
```
#a0a6c2 rgb(160,166,194)
```
#9aa2c8
```
#9aa2c8 rgb(154,162,200)
```
#949ece
```
#949ece rgb(148,158,206)
```
#8e9ad4
```
#8e9ad4 rgb(142,154,212)
```
#8896da
```
#8896da rgb(136,150,218)
```
#8292e0
```
#8292e0 rgb(130,146,224)
```
#7c8ee6
```
#7c8ee6 rgb(124,142,230)
```
#768aec
```
#768aec rgb(118,138,236)
```
#7086f2
```
#7086f2 rgb(112,134,242)
```
#6a82f8
```
#6a82f8 rgb(106,130,248)
```
#647efe
```
#647efe rgb(100,126,254)
```

Tone Color Variation

Below, you can see how #7086f2 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

#8c8c8c Achromatopsia 0.005% of the population
#868ba0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6090f6 Protanopia 1% of men
#4894ef Deuteranopia 1% of men
#559da9 Tritanopia 0.001% of the population

Trichromacy

#668cf4 Protanomaly 1% of men, 0.01% of women
#568ff0 Deuteranomaly 6% of men, 0.4% of women
#5e95c3 Tritanomaly 0.01% of the population

#7086f2 hex color

#7086f2 Color Information

#7086f2 Color Conversion

Color Schemes with #7086f2

Alternatives to #7086f2

#7086f2 Preview

Shades and Tints of #7086f2

Tones of #7086f2

Color Blindness Simulator