#5f8eff hex color

In a RGB color space, hex #5f8eff is composed of 37.3% red, 55.7% green and 100% blue. Whereas in a CMYK color space, it is composed of 62.7% cyan, 44.3% magenta, 0% yellow and 0% black. It has a hue angle of 222.4 degrees, a saturation of 100% and a lightness of 68.6%. #5f8eff color hex could be obtained by blending #beffff with #001dff. Closest websafe color is: #6699ff.

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

● #5f8eff color description : Light blue.

The hexadecimal color #5f8eff has RGB values of R:95, G:142, B:255 and CMYK values of C:0.63, M:0.44, Y:0, K:0. Its decimal value is 6262527.

Hex triplet	5f8eff	`#5f8eff`
RGB Decimal	95, 142, 255	`rgb(95,142,255)`
RGB Percent	37.3, 55.7, 100	`rgb(37.3%,55.7%,100%)`
CMYK	63, 44, 0, 0
HSL	222.4°, 100, 68.6	`hsl(222.4,100%,68.6%)`
HSV (or HSB)	222.4°, 62.7, 100
Web Safe	6699ff	`#6699ff`

CIE-LAB	60.779, 18.473, -61.045
XYZ	32.438, 28.997, 98.49
xyY	0.203, 0.181, 28.997
CIE-LCH	60.779, 63.779, 286.837
CIE-LUV	60.779, -21.927, -99.745
Hunter-Lab	53.849, 13.293, -70.748
Binary	01011111, 10001110, 11111111

#5f8eff
```
#5f8eff rgb(95,142,255)
```
#ffd05f
```
#ffd05f rgb(255,208,95)
```

Complementary Color

#5fdeff
```
#5fdeff rgb(95,222,255)
```
#5f8eff
```
#5f8eff rgb(95,142,255)
```
#805fff
```
#805fff rgb(128,95,255)
```

Analogous Color

#deff5f
```
#deff5f rgb(222,255,95)
```
#5f8eff
```
#5f8eff rgb(95,142,255)
```
#ff805f
```
#ff805f rgb(255,128,95)
```

Split Complementary Color

#8eff5f
```
#8eff5f rgb(142,255,95)
```
#5f8eff
```
#5f8eff rgb(95,142,255)
```
#ff5f8e
```
#ff5f8e rgb(255,95,142)
```

Triadic Color

#5fffd0
```
#5fffd0 rgb(95,255,208)
```
#5f8eff
```
#5f8eff rgb(95,142,255)
```
#ff5f8e
```
#ff5f8e rgb(255,95,142)
```
#ffd05f
```
#ffd05f rgb(255,208,95)
```

Tetradic Color

#1358ff
```
#1358ff rgb(19,88,255)
```
#2c6aff
```
#2c6aff rgb(44,106,255)
```
#467cff
```
#467cff rgb(70,124,255)
```
#5f8eff
```
#5f8eff rgb(95,142,255)
```
#79a0ff
```
#79a0ff rgb(121,160,255)
```
#92b2ff
```
#92b2ff rgb(146,178,255)
```
#acc4ff
```
#acc4ff rgb(172,196,255)
```

Monochromatic Color

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

#5fb6ff
```
#5fb6ff rgb(95,182,255)
```
#5fa9ff
```
#5fa9ff rgb(95,169,255)
```
#5f9bff
```
#5f9bff rgb(95,155,255)
```
#5f8eff
```
#5f8eff rgb(95,142,255)
```
#5f81ff
```
#5f81ff rgb(95,129,255)
```
#5f73ff
```
#5f73ff rgb(95,115,255)
```
#5f66ff
```
#5f66ff rgb(95,102,255)
```

Similar Colors

Text with hexadecimal color #5f8eff

This text has a font color of #5f8eff.

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

#5f8eff background color

This paragraph has a background color of #5f8eff.

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

#5f8eff border color

This element has a border color of #5f8eff.

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

CSS codes

.text {color:#5f8eff;}

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

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

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

#000511
```
#000511 rgb(0,5,17)
```
#000b24
```
#000b24 rgb(0,11,36)
```
#001038
```
#001038 rgb(0,16,56)
```
#00164b
```
#00164b rgb(0,22,75)
```
#001c5f
```
#001c5f rgb(0,28,95)
```
#002273
```
#002273 rgb(0,34,115)
```
#002786
```
#002786 rgb(0,39,134)
```
#002d9a
```
#002d9a rgb(0,45,154)
```
#0033ad
```
#0033ad rgb(0,51,173)
```
#0039c1
```
#0039c1 rgb(0,57,193)
```
#003ed5
```
#003ed5 rgb(0,62,213)
```
#0044e8
```
#0044e8 rgb(0,68,232)
```
#004afc
```
#004afc rgb(0,74,252)
```

Shade Color Variation

#1157ff
```
#1157ff rgb(17,87,255)
```
#2464ff
```
#2464ff rgb(36,100,255)
```
#3872ff
```
#3872ff rgb(56,114,255)
```
#4b80ff
```
#4b80ff rgb(75,128,255)
```
#5f8eff
```
#5f8eff rgb(95,142,255)
```
#739cff
```
#739cff rgb(115,156,255)
```
#86aaff
```
#86aaff rgb(134,170,255)
```
#9ab8ff
```
#9ab8ff rgb(154,184,255)
```
#adc5ff
```
#adc5ff rgb(173,197,255)
```
#c1d3ff
```
#c1d3ff rgb(193,211,255)
```
#d5e1ff
```
#d5e1ff rgb(213,225,255)
```
#e8efff
```
#e8efff rgb(232,239,255)
```
#fcfdff
```
#fcfdff rgb(252,253,255)
```

Tint Color Variation

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

#a9acb5
```
#a9acb5 rgb(169,172,181)
```
#a3aabb
```
#a3aabb rgb(163,170,187)
```
#9da7c1
```
#9da7c1 rgb(157,167,193)
```
#96a5c8
```
#96a5c8 rgb(150,165,200)
```
#90a2ce
```
#90a2ce rgb(144,162,206)
```
#8aa0d4
```
#8aa0d4 rgb(138,160,212)
```
#849dda
```
#849dda rgb(132,157,218)
```
#7e9be0
```
#7e9be0 rgb(126,155,224)
```
#7898e6
```
#7898e6 rgb(120,152,230)
```
#7196ed
```
#7196ed rgb(113,150,237)
```
#6b93f3
```
#6b93f3 rgb(107,147,243)
```
#6591f9
```
#6591f9 rgb(101,145,249)
```
#5f8eff
```
#5f8eff rgb(95,142,255)
```

Tone Color Variation

Below, you can see how #5f8eff 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
#848da4 Atypical Achromatopsia 0.001% of the population

Dichromacy

#6294ff Protanopia 1% of men
#389afc Deuteranopia 1% of men
#2aa6b2 Tritanopia 0.001% of the population

Trichromacy

#6092ff Protanomaly 1% of men, 0.01% of women
#4695fd Deuteranomaly 6% of men, 0.4% of women
#3d9dce Tritanomaly 0.01% of the population

#5f8eff hex color

#5f8eff Color Information

#5f8eff Color Conversion

Color Schemes with #5f8eff

Alternatives to #5f8eff

#5f8eff Preview

Shades and Tints of #5f8eff

Tones of #5f8eff

Color Blindness Simulator