#5fa8eb hex color

In a RGB color space, hex #5fa8eb is composed of 37.3% red, 65.9% green and 92.2% blue. Whereas in a CMYK color space, it is composed of 59.6% cyan, 28.5% magenta, 0% yellow and 7.8% black. It has a hue angle of 208.7 degrees, a saturation of 77.8% and a lightness of 64.7%. #5fa8eb color hex could be obtained by blending #beffff with #0051d7. Closest websafe color is: #6699ff.

♥
- f
- t
- g
- R 37
- G 66
- B 92
RGB color chart
- C 60
- M 29
- Y 0
- K 8
CMYK color chart

● #5fa8eb color description : Soft blue.

The hexadecimal color #5fa8eb has RGB values of R:95, G:168, B:235 and CMYK values of C:0.6, M:0.29, Y:0, K:0.08. Its decimal value is 6269163.

Hex triplet	5fa8eb	`#5fa8eb`
RGB Decimal	95, 168, 235	`rgb(95,168,235)`
RGB Percent	37.3, 65.9, 92.2	`rgb(37.3%,65.9%,92.2%)`
CMYK	60, 29, 0, 8
HSL	208.7°, 77.8, 64.7	`hsl(208.7,77.8%,64.7%)`
HSV (or HSB)	208.7°, 59.6, 92.2
Web Safe	6699ff	`#6699ff`

CIE-LAB	66.85, -3.176, -40.474
XYZ	33.714, 36.434, 83.849
xyY	0.219, 0.237, 36.434
CIE-LCH	66.85, 40.598, 265.513
CIE-LUV	66.85, -31.034, -64.405
Hunter-Lab	60.361, -5.932, -40.109
Binary	01011111, 10101000, 11101011

#5fa8eb
```
#5fa8eb rgb(95,168,235)
```
#eba25f
```
#eba25f rgb(235,162,95)
```

Complementary Color

#5febe8
```
#5febe8 rgb(95,235,232)
```
#5fa8eb
```
#5fa8eb rgb(95,168,235)
```
#5f62eb
```
#5f62eb rgb(95,98,235)
```

Analogous Color

#ebe85f
```
#ebe85f rgb(235,232,95)
```
#5fa8eb
```
#5fa8eb rgb(95,168,235)
```
#eb5f62
```
#eb5f62 rgb(235,95,98)
```

Split Complementary Color

#a8eb5f
```
#a8eb5f rgb(168,235,95)
```
#5fa8eb
```
#5fa8eb rgb(95,168,235)
```
#eb5fa8
```
#eb5fa8 rgb(235,95,168)
```

Triadic Color

#5feba2
```
#5feba2 rgb(95,235,162)
```
#5fa8eb
```
#5fa8eb rgb(95,168,235)
```
#eb5fa8
```
#eb5fa8 rgb(235,95,168)
```
#eba25f
```
#eba25f rgb(235,162,95)
```

Tetradic Color

#1c83e1
```
#1c83e1 rgb(28,131,225)
```
#328fe5
```
#328fe5 rgb(50,143,229)
```
#489ce8
```
#489ce8 rgb(72,156,232)
```
#5fa8eb
```
#5fa8eb rgb(95,168,235)
```
#76b4ee
```
#76b4ee rgb(118,180,238)
```
#8cc1f1
```
#8cc1f1 rgb(140,193,241)
```
#a3cdf4
```
#a3cdf4 rgb(163,205,244)
```

Monochromatic Color

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

#5fcbeb
```
#5fcbeb rgb(95,203,235)
```
#5fbfeb
```
#5fbfeb rgb(95,191,235)
```
#5fb4eb
```
#5fb4eb rgb(95,180,235)
```
#5fa8eb
```
#5fa8eb rgb(95,168,235)
```
#5f9ceb
```
#5f9ceb rgb(95,156,235)
```
#5f91eb
```
#5f91eb rgb(95,145,235)
```
#5f85eb
```
#5f85eb rgb(95,133,235)
```

Similar Colors

Text with hexadecimal color #5fa8eb

This text has a font color of #5fa8eb.

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

#5fa8eb background color

This paragraph has a background color of #5fa8eb.

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

#5fa8eb border color

This element has a border color of #5fa8eb.

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

CSS codes

.text {color:#5fa8eb;}

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

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

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

#02080e
```
#02080e rgb(2,8,14)
```
#041220
```
#041220 rgb(4,18,32)
```
#061d31
```
#061d31 rgb(6,29,49)
```
#082743
```
#082743 rgb(8,39,67)
```
#0b3154
```
#0b3154 rgb(11,49,84)
```
#0d3b66
```
#0d3b66 rgb(13,59,102)
```
#0f4577
```
#0f4577 rgb(15,69,119)
```
#114f88
```
#114f88 rgb(17,79,136)
```
#13599a
```
#13599a rgb(19,89,154)
```
#1564ab
```
#1564ab rgb(21,100,171)
```
#186ebd
```
#186ebd rgb(24,110,189)
```
#1a78ce
```
#1a78ce rgb(26,120,206)
```
#1c82e0
```
#1c82e0 rgb(28,130,224)
```

Shade Color Variation

#2b8ce4
```
#2b8ce4 rgb(43,140,228)
```
#3c95e7
```
#3c95e7 rgb(60,149,231)
```
#4e9fe9
```
#4e9fe9 rgb(78,159,233)
```
#5fa8eb
```
#5fa8eb rgb(95,168,235)
```
#70b1ed
```
#70b1ed rgb(112,177,237)
```
#82bbef
```
#82bbef rgb(130,187,239)
```
#93c4f2
```
#93c4f2 rgb(147,196,242)
```
#a5cef4
```
#a5cef4 rgb(165,206,244)
```
#b6d7f6
```
#b6d7f6 rgb(182,215,246)
```
#c8e1f8
```
#c8e1f8 rgb(200,225,248)
```
#d9eafa
```
#d9eafa rgb(217,234,250)
```
#eaf4fc
```
#eaf4fc rgb(234,244,252)
```
#fcfdff
```
#fcfdff rgb(252,253,255)
```

Tint Color Variation

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

#a4a5a6
```
#a4a5a6 rgb(164,165,166)
```
#9da5ad
```
#9da5ad rgb(157,165,173)
```
#96a6b4
```
#96a6b4 rgb(150,166,180)
```
#8fa6bb
```
#8fa6bb rgb(143,166,187)
```
#89a6c1
```
#89a6c1 rgb(137,166,193)
```
#82a7c8
```
#82a7c8 rgb(130,167,200)
```
#7ba7cf
```
#7ba7cf rgb(123,167,207)
```
#74a7d6
```
#74a7d6 rgb(116,167,214)
```
#6da7dd
```
#6da7dd rgb(109,167,221)
```
#66a8e4
```
#66a8e4 rgb(102,168,228)
```
#5fa8eb
```
#5fa8eb rgb(95,168,235)
```
#58a8f2
```
#58a8f2 rgb(88,168,242)
```
#51a9f9
```
#51a9f9 rgb(81,169,249)
```

Tone Color Variation

Below, you can see how #5fa8eb 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

#9a9a9a Achromatopsia 0.005% of the population
#8e9daa Atypical Achromatopsia 0.001% of the population

Dichromacy

#91a5e6 Protanopia 1% of men
#86a6ee Deuteranopia 1% of men
#4eb4c2 Tritanopia 0.001% of the population

Trichromacy

#7fa6e8 Protanomaly 1% of men, 0.01% of women
#78a7ed Deuteranomaly 6% of men, 0.4% of women
#54b0d1 Tritanomaly 0.01% of the population

#5fa8eb hex color

#5fa8eb Color Information

#5fa8eb Color Conversion

Color Schemes with #5fa8eb

Alternatives to #5fa8eb

#5fa8eb Preview

Shades and Tints of #5fa8eb

Tones of #5fa8eb

Color Blindness Simulator