#5f8efc hex color

In a RGB color space, hex #5f8efc is composed of 37.3% red, 55.7% green and 98.8% blue. Whereas in a CMYK color space, it is composed of 62.3% cyan, 43.7% magenta, 0% yellow and 1.2% black. It has a hue angle of 222 degrees, a saturation of 96.3% and a lightness of 68%. #5f8efc color hex could be obtained by blending #beffff with #001df9. Closest websafe color is: #6699ff.

♥
- f
- t
- g
- R 37
- G 56
- B 99
RGB color chart
- C 62
- M 44
- Y 0
- K 1
CMYK color chart

● #5f8efc color description : Soft blue.

The hexadecimal color #5f8efc has RGB values of R:95, G:142, B:252 and CMYK values of C:0.62, M:0.44, Y:0, K:0.01. Its decimal value is 6262524.

Hex triplet	5f8efc	`#5f8efc`
RGB Decimal	95, 142, 252	`rgb(95,142,252)`
RGB Percent	37.3, 55.7, 98.8	`rgb(37.3%,55.7%,98.8%)`
CMYK	62, 44, 0, 1
HSL	222°, 96.3, 68	`hsl(222,96.3%,68%)`
HSV (or HSB)	222°, 62.3, 98.8
Web Safe	6699ff	`#6699ff`

CIE-LAB	60.609, 17.475, -59.671
XYZ	31.959, 28.805, 95.966
xyY	0.204, 0.184, 28.805
CIE-LCH	60.609, 62.177, 286.323
CIE-LUV	60.609, -21.928, -97.358
Hunter-Lab	53.671, 12.368, -68.444
Binary	01011111, 10001110, 11111100

#5f8efc
```
#5f8efc rgb(95,142,252)
```
#fccd5f
```
#fccd5f rgb(252,205,95)
```

Complementary Color

#5fddfc
```
#5fddfc rgb(95,221,252)
```
#5f8efc
```
#5f8efc rgb(95,142,252)
```
#7f5ffc
```
#7f5ffc rgb(127,95,252)
```

Analogous Color

#ddfc5f
```
#ddfc5f rgb(221,252,95)
```
#5f8efc
```
#5f8efc rgb(95,142,252)
```
#fc7f5f
```
#fc7f5f rgb(252,127,95)
```

Split Complementary Color

#8efc5f
```
#8efc5f rgb(142,252,95)
```
#5f8efc
```
#5f8efc rgb(95,142,252)
```
#fc5f8e
```
#fc5f8e rgb(252,95,142)
```

Triadic Color

#5ffccd
```
#5ffccd rgb(95,252,205)
```
#5f8efc
```
#5f8efc rgb(95,142,252)
```
#fc5f8e
```
#fc5f8e rgb(252,95,142)
```
#fccd5f
```
#fccd5f rgb(252,205,95)
```

Tetradic Color

#1459fb
```
#1459fb rgb(20,89,251)
```
#2d6bfb
```
#2d6bfb rgb(45,107,251)
```
#467cfc
```
#467cfc rgb(70,124,252)
```
#5f8efc
```
#5f8efc rgb(95,142,252)
```
#78a0fc
```
#78a0fc rgb(120,160,252)
```
#91b1fd
```
#91b1fd rgb(145,177,253)
```
#aac3fd
```
#aac3fd rgb(170,195,253)
```

Monochromatic Color

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

#5fb5fc
```
#5fb5fc rgb(95,181,252)
```
#5fa8fc
```
#5fa8fc rgb(95,168,252)
```
#5f9bfc
```
#5f9bfc rgb(95,155,252)
```
#5f8efc
```
#5f8efc rgb(95,142,252)
```
#5f81fc
```
#5f81fc rgb(95,129,252)
```
#5f74fc
```
#5f74fc rgb(95,116,252)
```
#5f67fc
```
#5f67fc rgb(95,103,252)
```

Similar Colors

Text with hexadecimal color #5f8efc

This text has a font color of #5f8efc.

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

#5f8efc background color

This paragraph has a background color of #5f8efc.

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

#5f8efc border color

This element has a border color of #5f8efc.

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

CSS codes

.text {color:#5f8efc;}

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

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

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, #00040d is the darkest color, while #f9fbff is the lightest one.

#00040d
```
#00040d rgb(0,4,13)
```
#010a21
```
#010a21 rgb(1,10,33)
```
#011034
```
#011034 rgb(1,16,52)
```
#011647
```
#011647 rgb(1,22,71)
```
#021c5a
```
#021c5a rgb(2,28,90)
```
#02226e
```
#02226e rgb(2,34,110)
```
#022881
```
#022881 rgb(2,40,129)
```
#032e94
```
#032e94 rgb(3,46,148)
```
#0334a7
```
#0334a7 rgb(3,52,167)
```
#033abb
```
#033abb rgb(3,58,187)
```
#0440ce
```
#0440ce rgb(4,64,206)
```
#0446e1
```
#0446e1 rgb(4,70,225)
```
#054cf4
```
#054cf4 rgb(5,76,244)
```

Shade Color Variation

#1258fb
```
#1258fb rgb(18,88,251)
```
#2565fb
```
#2565fb rgb(37,101,251)
```
#3873fb
```
#3873fb rgb(56,115,251)
```
#4c80fc
```
#4c80fc rgb(76,128,252)
```
#5f8efc
```
#5f8efc rgb(95,142,252)
```
#729cfc
```
#729cfc rgb(114,156,252)
```
#86a9fd
```
#86a9fd rgb(134,169,253)
```
#99b7fd
```
#99b7fd rgb(153,183,253)
```
#acc4fd
```
#acc4fd rgb(172,196,253)
```
#bfd2fe
```
#bfd2fe rgb(191,210,254)
```
#d3e0fe
```
#d3e0fe rgb(211,224,254)
```
#e6edff
```
#e6edff rgb(230,237,255)
```
#f9fbff
```
#f9fbff rgb(249,251,255)
```

Tint Color Variation

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

#aaacb1
```
#aaacb1 rgb(170,172,177)
```
#a4aab7
```
#a4aab7 rgb(164,170,183)
```
#9ea7bd
```
#9ea7bd rgb(158,167,189)
```
#97a5c4
```
#97a5c4 rgb(151,165,196)
```
#91a2ca
```
#91a2ca rgb(145,162,202)
```
#8ba0d0
```
#8ba0d0 rgb(139,160,208)
```
#859dd6
```
#859dd6 rgb(133,157,214)
```
#7e9bdd
```
#7e9bdd rgb(126,155,221)
```
#7898e3
```
#7898e3 rgb(120,152,227)
```
#7296e9
```
#7296e9 rgb(114,150,233)
```
#6c93ef
```
#6c93ef rgb(108,147,239)
```
#6591f6
```
#6591f6 rgb(101,145,246)
```
#5f8efc
```
#5f8efc rgb(95,142,252)
```

Tone Color Variation

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

Dichromacy

#6394fc Protanopia 1% of men
#3f99f9 Deuteranopia 1% of men
#2fa5b1 Tritanopia 0.001% of the population

Trichromacy

#6192fc Protanomaly 1% of men, 0.01% of women
#4a95fa Deuteranomaly 6% of men, 0.4% of women
#409dcc Tritanomaly 0.01% of the population

#5f8efc hex color

#5f8efc Color Information

#5f8efc Color Conversion

Color Schemes with #5f8efc

Alternatives to #5f8efc

#5f8efc Preview

Shades and Tints of #5f8efc

Tones of #5f8efc

Color Blindness Simulator