#5f8ef7 hex color

In a RGB color space, hex #5f8ef7 is composed of 37.3% red, 55.7% green and 96.9% blue. Whereas in a CMYK color space, it is composed of 61.5% cyan, 42.5% magenta, 0% yellow and 3.1% black. It has a hue angle of 221.4 degrees, a saturation of 90.5% and a lightness of 67.1%. #5f8ef7 color hex could be obtained by blending #beffff with #001def. Closest websafe color is: #6699ff.

♥
- f
- t
- g
- R 37
- G 56
- B 97
RGB color chart
- C 62
- M 43
- Y 0
- K 3
CMYK color chart

● #5f8ef7 color description : Soft blue.

The hexadecimal color #5f8ef7 has RGB values of R:95, G:142, B:247 and CMYK values of C:0.62, M:0.43, Y:0, K:0.03. Its decimal value is 6262519.

Hex triplet	5f8ef7	`#5f8ef7`
RGB Decimal	95, 142, 247	`rgb(95,142,247)`
RGB Percent	37.3, 55.7, 96.9	`rgb(37.3%,55.7%,96.9%)`
CMYK	62, 43, 0, 3
HSL	221.4°, 90.5, 67.1	`hsl(221.4,90.5%,67.1%)`
HSV (or HSB)	221.4°, 61.5, 96.9
Web Safe	6699ff	`#6699ff`

CIE-LAB	60.331, 15.815, -57.367
XYZ	31.177, 28.492, 91.847
xyY	0.206, 0.188, 28.492
CIE-LCH	60.331, 59.507, 285.412
CIE-LUV	60.331, -21.93, -93.351
Hunter-Lab	53.378, 10.846, -64.654
Binary	01011111, 10001110, 11110111

#5f8ef7
```
#5f8ef7 rgb(95,142,247)
```
#f7c85f
```
#f7c85f rgb(247,200,95)
```

Complementary Color

#5fdaf7
```
#5fdaf7 rgb(95,218,247)
```
#5f8ef7
```
#5f8ef7 rgb(95,142,247)
```
#7c5ff7
```
#7c5ff7 rgb(124,95,247)
```

Analogous Color

#daf75f
```
#daf75f rgb(218,247,95)
```
#5f8ef7
```
#5f8ef7 rgb(95,142,247)
```
#f77c5f
```
#f77c5f rgb(247,124,95)
```

Split Complementary Color

#8ef75f
```
#8ef75f rgb(142,247,95)
```
#5f8ef7
```
#5f8ef7 rgb(95,142,247)
```
#f75f8e
```
#f75f8e rgb(247,95,142)
```

Triadic Color

#5ff7c8
```
#5ff7c8 rgb(95,247,200)
```
#5f8ef7
```
#5f8ef7 rgb(95,142,247)
```
#f75f8e
```
#f75f8e rgb(247,95,142)
```
#f7c85f
```
#f7c85f rgb(247,200,95)
```

Tetradic Color

#165bf3
```
#165bf3 rgb(22,91,243)
```
#2e6cf5
```
#2e6cf5 rgb(46,108,245)
```
#477df6
```
#477df6 rgb(71,125,246)
```
#5f8ef7
```
#5f8ef7 rgb(95,142,247)
```
#779ff8
```
#779ff8 rgb(119,159,248)
```
#90b0f9
```
#90b0f9 rgb(144,176,249)
```
#a8c1fb
```
#a8c1fb rgb(168,193,251)
```

Monochromatic Color

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

#5fb4f7
```
#5fb4f7 rgb(95,180,247)
```
#5fa7f7
```
#5fa7f7 rgb(95,167,247)
```
#5f9bf7
```
#5f9bf7 rgb(95,155,247)
```
#5f8ef7
```
#5f8ef7 rgb(95,142,247)
```
#5f81f7
```
#5f81f7 rgb(95,129,247)
```
#5f75f7
```
#5f75f7 rgb(95,117,247)
```
#5f68f7
```
#5f68f7 rgb(95,104,247)
```

Similar Colors

Text with hexadecimal color #5f8ef7

This text has a font color of #5f8ef7.

<span style="color:#5f8ef7;">Text here</span>

#5f8ef7 background color

This paragraph has a background color of #5f8ef7.

<p style="background-color:#5f8ef7;">Content here</p>

#5f8ef7 border color

This element has a border color of #5f8ef7.

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

CSS codes

.text {color:#5f8ef7;}

.background {background-color:#5f8ef7;}

.border {border:1px solid #5f8ef7;}

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

#000308
```
#000308 rgb(0,3,8)
```
#01091b
```
#01091b rgb(1,9,27)
```
#02102d
```
#02102d rgb(2,16,45)
```
#031640
```
#031640 rgb(3,22,64)
```
#041c53
```
#041c53 rgb(4,28,83)
```
#052366
```
#052366 rgb(5,35,102)
```
#062978
```
#062978 rgb(6,41,120)
```
#07308b
```
#07308b rgb(7,48,139)
```
#08369e
```
#08369e rgb(8,54,158)
```
#093db0
```
#093db0 rgb(9,61,176)
```
#0a43c3
```
#0a43c3 rgb(10,67,195)
```
#0b49d6
```
#0b49d6 rgb(11,73,214)
```
#0c50e8
```
#0c50e8 rgb(12,80,232)
```

Shade Color Variation

#1459f3
```
#1459f3 rgb(20,89,243)
```
#2766f4
```
#2766f4 rgb(39,102,244)
```
#3a74f5
```
#3a74f5 rgb(58,116,245)
```
#4c81f6
```
#4c81f6 rgb(76,129,246)
```
#5f8ef7
```
#5f8ef7 rgb(95,142,247)
```
#729bf8
```
#729bf8 rgb(114,155,248)
```
#84a8f9
```
#84a8f9 rgb(132,168,249)
```
#97b6fa
```
#97b6fa rgb(151,182,250)
```
#aac3fb
```
#aac3fb rgb(170,195,251)
```
#bcd0fc
```
#bcd0fc rgb(188,208,252)
```
#cfddfd
```
#cfddfd rgb(207,221,253)
```
#e2eafe
```
#e2eafe rgb(226,234,254)
```
#f4f8fe
```
#f4f8fe rgb(244,248,254)
```

Tint Color Variation

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

#a6a9b0
```
#a6a9b0 rgb(166,169,176)
```
#a0a7b6
```
#a0a7b6 rgb(160,167,182)
```
#99a4bd
```
#99a4bd rgb(153,164,189)
```
#93a2c3
```
#93a2c3 rgb(147,162,195)
```
#8c9fca
```
#8c9fca rgb(140,159,202)
```
#869dd0
```
#869dd0 rgb(134,157,208)
```
#7f9ad7
```
#7f9ad7 rgb(127,154,215)
```
#7998dd
```
#7998dd rgb(121,152,221)
```
#7295e4
```
#7295e4 rgb(114,149,228)
```
#6c93ea
```
#6c93ea rgb(108,147,234)
```
#6590f1
```
#6590f1 rgb(101,144,241)
```
#5f8ef7
```
#5f8ef7 rgb(95,142,247)
```
#598cfd
```
#598cfd rgb(89,140,253)
```

Tone Color Variation

Below, you can see how #5f8ef7 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
#838ca1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6793f7 Protanopia 1% of men
#4898f5 Deuteranopia 1% of men
#35a4b0 Tritanopia 0.001% of the population

Trichromacy

#6491f7 Protanomaly 1% of men, 0.01% of women
#5094f5 Deuteranomaly 6% of men, 0.4% of women
#449cca Tritanomaly 0.01% of the population

#5f8ef7 hex color

#5f8ef7 Color Information

#5f8ef7 Color Conversion

Color Schemes with #5f8ef7

Alternatives to #5f8ef7

#5f8ef7 Preview

Shades and Tints of #5f8ef7

Tones of #5f8ef7

Color Blindness Simulator