#5f8dfe hex color

In a RGB color space, hex #5f8dfe is composed of 37.3% red, 55.3% green and 99.6% blue. Whereas in a CMYK color space, it is composed of 62.6% cyan, 44.5% magenta, 0% yellow and 0.4% black. It has a hue angle of 222.6 degrees, a saturation of 98.8% and a lightness of 68.4%. #5f8dfe color hex could be obtained by blending #beffff with #001bfd. Closest websafe color is: #6699ff.

♥
- f
- t
- g
- R 37
- G 55
- B 100
RGB color chart
- C 63
- M 44
- Y 0
- K 0
CMYK color chart

● #5f8dfe color description : Soft blue.

The hexadecimal color #5f8dfe has RGB values of R:95, G:141, B:254 and CMYK values of C:0.63, M:0.44, Y:0, K:0. Its decimal value is 6262270.

Hex triplet	5f8dfe	`#5f8dfe`
RGB Decimal	95, 141, 254	`rgb(95,141,254)`
RGB Percent	37.3, 55.3, 99.6	`rgb(37.3%,55.3%,99.6%)`
CMYK	63, 44, 0, 0
HSL	222.6°, 98.8, 68.4	`hsl(222.6,98.8%,68.4%)`
HSV (or HSB)	222.6°, 62.6, 99.6
Web Safe	6699ff	`#6699ff`

CIE-LAB	60.459, 18.738, -61.008
XYZ	32.13, 28.637, 97.595
xyY	0.203, 0.181, 28.637
CIE-LCH	60.459, 63.821, 287.074
CIE-LUV	60.459, -21.61, -99.607
Hunter-Lab	53.513, 13.525, -70.671
Binary	01011111, 10001101, 11111110

#5f8dfe
```
#5f8dfe rgb(95,141,254)
```
#fed05f
```
#fed05f rgb(254,208,95)
```

Complementary Color

#5fddfe
```
#5fddfe rgb(95,221,254)
```
#5f8dfe
```
#5f8dfe rgb(95,141,254)
```
#815ffe
```
#815ffe rgb(129,95,254)
```

Analogous Color

#ddfe5f
```
#ddfe5f rgb(221,254,95)
```
#5f8dfe
```
#5f8dfe rgb(95,141,254)
```
#fe815f
```
#fe815f rgb(254,129,95)
```

Split Complementary Color

#8dfe5f
```
#8dfe5f rgb(141,254,95)
```
#5f8dfe
```
#5f8dfe rgb(95,141,254)
```
#fe5f8d
```
#fe5f8d rgb(254,95,141)
```

Triadic Color

#5ffed0
```
#5ffed0 rgb(95,254,208)
```
#5f8dfe
```
#5f8dfe rgb(95,141,254)
```
#fe5f8d
```
#fe5f8d rgb(254,95,141)
```
#fed05f
```
#fed05f rgb(254,208,95)
```

Tetradic Color

#1357fe
```
#1357fe rgb(19,87,254)
```
#2c69fe
```
#2c69fe rgb(44,105,254)
```
#467bfe
```
#467bfe rgb(70,123,254)
```
#5f8dfe
```
#5f8dfe rgb(95,141,254)
```
#789ffe
```
#789ffe rgb(120,159,254)
```
#92b1fe
```
#92b1fe rgb(146,177,254)
```
#abc3fe
```
#abc3fe rgb(171,195,254)
```

Monochromatic Color

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

#5fb5fe
```
#5fb5fe rgb(95,181,254)
```
#5fa8fe
```
#5fa8fe rgb(95,168,254)
```
#5f9afe
```
#5f9afe rgb(95,154,254)
```
#5f8dfe
```
#5f8dfe rgb(95,141,254)
```
#5f80fe
```
#5f80fe rgb(95,128,254)
```
#5f73fe
```
#5f73fe rgb(95,115,254)
```
#5f65fe
```
#5f65fe rgb(95,101,254)
```

Similar Colors

Text with hexadecimal color #5f8dfe

This text has a font color of #5f8dfe.

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

#5f8dfe background color

This paragraph has a background color of #5f8dfe.

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

#5f8dfe border color

This element has a border color of #5f8dfe.

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

CSS codes

.text {color:#5f8dfe;}

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

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

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, #00050f is the darkest color, while #fbfcff is the lightest one.

#00050f
```
#00050f rgb(0,5,15)
```
#000a23
```
#000a23 rgb(0,10,35)
```
#001036
```
#001036 rgb(0,16,54)
```
#00164a
```
#00164a rgb(0,22,74)
```
#011b5d
```
#011b5d rgb(1,27,93)
```
#012171
```
#012171 rgb(1,33,113)
```
#012784
```
#012784 rgb(1,39,132)
```
#012d98
```
#012d98 rgb(1,45,152)
```
#0132ab
```
#0132ab rgb(1,50,171)
```
#0138bf
```
#0138bf rgb(1,56,191)
```
#013ed2
```
#013ed2 rgb(1,62,210)
```
#0144e6
```
#0144e6 rgb(1,68,230)
```
#0249f9
```
#0249f9 rgb(2,73,249)
```

Shade Color Variation

#1155fe
```
#1155fe rgb(17,85,254)
```
#2563fe
```
#2563fe rgb(37,99,254)
```
#3871fe
```
#3871fe rgb(56,113,254)
```
#4c7ffe
```
#4c7ffe rgb(76,127,254)
```
#5f8dfe
```
#5f8dfe rgb(95,141,254)
```
#729bfe
```
#729bfe rgb(114,155,254)
```
#86a9fe
```
#86a9fe rgb(134,169,254)
```
#99b7fe
```
#99b7fe rgb(153,183,254)
```
#adc5fe
```
#adc5fe rgb(173,197,254)
```
#c0d2ff
```
#c0d2ff rgb(192,210,255)
```
#d4e0ff
```
#d4e0ff rgb(212,224,255)
```
#e7eeff
```
#e7eeff rgb(231,238,255)
```
#fbfcff
```
#fbfcff rgb(251,252,255)
```

Tint Color Variation

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

#a9acb4
```
#a9acb4 rgb(169,172,180)
```
#a3aaba
```
#a3aaba rgb(163,170,186)
```
#9da7c0
```
#9da7c0 rgb(157,167,192)
```
#97a4c6
```
#97a4c6 rgb(151,164,198)
```
#91a2cc
```
#91a2cc rgb(145,162,204)
```
#8a9fd3
```
#8a9fd3 rgb(138,159,211)
```
#849dd9
```
#849dd9 rgb(132,157,217)
```
#7e9adf
```
#7e9adf rgb(126,154,223)
```
#7897e5
```
#7897e5 rgb(120,151,229)
```
#7295eb
```
#7295eb rgb(114,149,235)
```
#6b92f2
```
#6b92f2 rgb(107,146,242)
```
#6590f8
```
#6590f8 rgb(101,144,248)
```
#5f8dfe
```
#5f8dfe rgb(95,141,254)
```

Tone Color Variation

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

Dichromacy

#6093fe Protanopia 1% of men
#3799fb Deuteranopia 1% of men
#2aa5b1 Tritanopia 0.001% of the population

Trichromacy

#5f91fe Protanomaly 1% of men, 0.01% of women
#4594fc Deuteranomaly 6% of men, 0.4% of women
#3d9ccd Tritanomaly 0.01% of the population

#5f8dfe hex color

#5f8dfe Color Information

#5f8dfe Color Conversion

Color Schemes with #5f8dfe

Alternatives to #5f8dfe

#5f8dfe Preview

Shades and Tints of #5f8dfe

Tones of #5f8dfe

Color Blindness Simulator