#5f8ff3 hex color

In a RGB color space, hex #5f8ff3 is composed of 37.3% red, 56.1% green and 95.3% blue. Whereas in a CMYK color space, it is composed of 60.9% cyan, 41.2% magenta, 0% yellow and 4.7% black. It has a hue angle of 220.5 degrees, a saturation of 86% and a lightness of 66.3%. #5f8ff3 color hex could be obtained by blending #beffff with #001fe7. Closest websafe color is: #6699ff.

♥
- f
- t
- g
- R 37
- G 56
- B 95
RGB color chart
- C 61
- M 41
- Y 0
- K 5
CMYK color chart

● #5f8ff3 color description : Soft blue.

The hexadecimal color #5f8ff3 has RGB values of R:95, G:143, B:243 and CMYK values of C:0.61, M:0.41, Y:0, K:0.05. Its decimal value is 6262771.

Hex triplet	5f8ff3	`#5f8ff3`
RGB Decimal	95, 143, 243	`rgb(95,143,243)`
RGB Percent	37.3, 56.1, 95.3	`rgb(37.3%,56.1%,95.3%)`
CMYK	61, 41, 0, 5
HSL	220.5°, 86, 66.3	`hsl(220.5,86%,66.3%)`
HSV (or HSB)	220.5°, 60.9, 95.3
Web Safe	6699ff	`#6699ff`

CIE-LAB	60.38, 13.896, -55.086
XYZ	30.716, 28.547, 88.681
xyY	0.208, 0.193, 28.547
CIE-LCH	60.38, 56.812, 284.158
CIE-LUV	60.38, -22.264, -89.437
Hunter-Lab	53.429, 9.116, -61.007
Binary	01011111, 10001111, 11110011

#5f8ff3
```
#5f8ff3 rgb(95,143,243)
```
#f3c35f
```
#f3c35f rgb(243,195,95)
```

Complementary Color

#5fd9f3
```
#5fd9f3 rgb(95,217,243)
```
#5f8ff3
```
#5f8ff3 rgb(95,143,243)
```
#795ff3
```
#795ff3 rgb(121,95,243)
```

Analogous Color

#d9f35f
```
#d9f35f rgb(217,243,95)
```
#5f8ff3
```
#5f8ff3 rgb(95,143,243)
```
#f3795f
```
#f3795f rgb(243,121,95)
```

Split Complementary Color

#8ff35f
```
#8ff35f rgb(143,243,95)
```
#5f8ff3
```
#5f8ff3 rgb(95,143,243)
```
#f35f8f
```
#f35f8f rgb(243,95,143)
```

Triadic Color

#5ff3c3
```
#5ff3c3 rgb(95,243,195)
```
#5f8ff3
```
#5f8ff3 rgb(95,143,243)
```
#f35f8f
```
#f35f8f rgb(243,95,143)
```
#f3c35f
```
#f3c35f rgb(243,195,95)
```

Tetradic Color

#185dee
```
#185dee rgb(24,93,238)
```
#306eef
```
#306eef rgb(48,110,239)
```
#477ef1
```
#477ef1 rgb(71,126,241)
```
#5f8ff3
```
#5f8ff3 rgb(95,143,243)
```
#77a0f5
```
#77a0f5 rgb(119,160,245)
```
#8eb0f7
```
#8eb0f7 rgb(142,176,247)
```
#a6c1f8
```
#a6c1f8 rgb(166,193,248)
```

Monochromatic Color

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

#5fb4f3
```
#5fb4f3 rgb(95,180,243)
```
#5fa8f3
```
#5fa8f3 rgb(95,168,243)
```
#5f9bf3
```
#5f9bf3 rgb(95,155,243)
```
#5f8ff3
```
#5f8ff3 rgb(95,143,243)
```
#5f83f3
```
#5f83f3 rgb(95,131,243)
```
#5f76f3
```
#5f76f3 rgb(95,118,243)
```
#5f6af3
```
#5f6af3 rgb(95,106,243)
```

Similar Colors

Text with hexadecimal color #5f8ff3

This text has a font color of #5f8ff3.

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

#5f8ff3 background color

This paragraph has a background color of #5f8ff3.

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

#5f8ff3 border color

This element has a border color of #5f8ff3.

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

CSS codes

.text {color:#5f8ff3;}

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

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

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

#000204
```
#000204 rgb(0,2,4)
```
#020816
```
#020816 rgb(2,8,22)
```
#030f29
```
#030f29 rgb(3,15,41)
```
#04163b
```
#04163b rgb(4,22,59)
```
#061d4d
```
#061d4d rgb(6,29,77)
```
#07245f
```
#07245f rgb(7,36,95)
```
#092b72
```
#092b72 rgb(9,43,114)
```
#0a3184
```
#0a3184 rgb(10,49,132)
```
#0b3896
```
#0b3896 rgb(11,56,150)
```
#0d3fa8
```
#0d3fa8 rgb(13,63,168)
```
#0e46bb
```
#0e46bb rgb(14,70,187)
```
#0f4dcd
```
#0f4dcd rgb(15,77,205)
```
#1154df
```
#1154df rgb(17,84,223)
```

Shade Color Variation

#165cee
```
#165cee rgb(22,92,238)
```
#2869ef
```
#2869ef rgb(40,105,239)
```
#3b75f0
```
#3b75f0 rgb(59,117,240)
```
#4d82f2
```
#4d82f2 rgb(77,130,242)
```
#5f8ff3
```
#5f8ff3 rgb(95,143,243)
```
#719cf4
```
#719cf4 rgb(113,156,244)
```
#83a9f6
```
#83a9f6 rgb(131,169,246)
```
#96b5f7
```
#96b5f7 rgb(150,181,247)
```
#a8c2f8
```
#a8c2f8 rgb(168,194,248)
```
#bacffa
```
#bacffa rgb(186,207,250)
```
#ccdcfb
```
#ccdcfb rgb(204,220,251)
```
#dfe8fd
```
#dfe8fd rgb(223,232,253)
```
#f1f5fe
```
#f1f5fe rgb(241,245,254)
```

Tint Color Variation

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

#a8a9aa
```
#a8a9aa rgb(168,169,170)
```
#a1a6b1
```
#a1a6b1 rgb(161,166,177)
```
#9ba4b7
```
#9ba4b7 rgb(155,164,183)
```
#94a2be
```
#94a2be rgb(148,162,190)
```
#8d9fc5
```
#8d9fc5 rgb(141,159,197)
```
#879dcb
```
#879dcb rgb(135,157,203)
```
#809bd2
```
#809bd2 rgb(128,155,210)
```
#7998d9
```
#7998d9 rgb(121,152,217)
```
#7396df
```
#7396df rgb(115,150,223)
```
#6c94e6
```
#6c94e6 rgb(108,148,230)
```
#6691ec
```
#6691ec rgb(102,145,236)
```
#5f8ff3
```
#5f8ff3 rgb(95,143,243)
```
#588dfa
```
#588dfa rgb(88,141,250)
```

Tone Color Variation

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

Dichromacy

#6b94f3 Protanopia 1% of men
#5198f2 Deuteranopia 1% of men
#3aa4b0 Tritanopia 0.001% of the population

Trichromacy

#6692f3 Protanomaly 1% of men, 0.01% of women
#5695f2 Deuteranomaly 6% of men, 0.4% of women
#479cc8 Tritanomaly 0.01% of the population

#5f8ff3 hex color

#5f8ff3 Color Information

#5f8ff3 Color Conversion

Color Schemes with #5f8ff3

Alternatives to #5f8ff3

#5f8ff3 Preview

Shades and Tints of #5f8ff3

Tones of #5f8ff3

Color Blindness Simulator