#5fa8e3 hex color

In a RGB color space, hex #5fa8e3 is composed of 37.3% red, 65.9% green and 89% blue. Whereas in a CMYK color space, it is composed of 58.1% cyan, 26% magenta, 0% yellow and 11% black. It has a hue angle of 206.8 degrees, a saturation of 70.2% and a lightness of 63.1%. #5fa8e3 color hex could be obtained by blending #beffff with #0051c7. Closest websafe color is: #6699cc.

♥
- f
- t
- g
- R 37
- G 66
- B 89
RGB color chart
- C 58
- M 26
- Y 0
- K 11
CMYK color chart

● #5fa8e3 color description : Soft blue.

The hexadecimal color #5fa8e3 has RGB values of R:95, G:168, B:227 and CMYK values of C:0.58, M:0.26, Y:0, K:0.11. Its decimal value is 6269155.

Hex triplet	5fa8e3	`#5fa8e3`
RGB Decimal	95, 168, 227	`rgb(95,168,227)`
RGB Percent	37.3, 65.9, 89	`rgb(37.3%,65.9%,89%)`
CMYK	58, 26, 0, 11
HSL	206.8°, 70.2, 63.1	`hsl(206.8,70.2%,63.1%)`
HSV (or HSB)	206.8°, 58.1, 89
Web Safe	6699cc	`#6699cc`

CIE-LAB	66.506, -5.693, -36.623
XYZ	32.584, 35.982, 77.897
xyY	0.222, 0.246, 35.982
CIE-LCH	66.506, 37.063, 261.165
CIE-LUV	66.506, -31.242, -57.541
Hunter-Lab	59.985, -8.013, -35.005
Binary	01011111, 10101000, 11100011

#5fa8e3
```
#5fa8e3 rgb(95,168,227)
```
#e39a5f
```
#e39a5f rgb(227,154,95)
```

Complementary Color

#5fe3dc
```
#5fe3dc rgb(95,227,220)
```
#5fa8e3
```
#5fa8e3 rgb(95,168,227)
```
#5f66e3
```
#5f66e3 rgb(95,102,227)
```

Analogous Color

#e3dc5f
```
#e3dc5f rgb(227,220,95)
```
#5fa8e3
```
#5fa8e3 rgb(95,168,227)
```
#e35f66
```
#e35f66 rgb(227,95,102)
```

Split Complementary Color

#a8e35f
```
#a8e35f rgb(168,227,95)
```
#5fa8e3
```
#5fa8e3 rgb(95,168,227)
```
#e35fa8
```
#e35fa8 rgb(227,95,168)
```

Triadic Color

#5fe39a
```
#5fe39a rgb(95,227,154)
```
#5fa8e3
```
#5fa8e3 rgb(95,168,227)
```
#e35fa8
```
#e35fa8 rgb(227,95,168)
```
#e39a5f
```
#e39a5f rgb(227,154,95)
```

Tetradic Color

#2584d1
```
#2584d1 rgb(37,132,209)
```
#3490db
```
#3490db rgb(52,144,219)
```
#499cdf
```
#499cdf rgb(73,156,223)
```
#5fa8e3
```
#5fa8e3 rgb(95,168,227)
```
#75b4e7
```
#75b4e7 rgb(117,180,231)
```
#8ac0eb
```
#8ac0eb rgb(138,192,235)
```
#a0cbee
```
#a0cbee rgb(160,203,238)
```

Monochromatic Color

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

#5fc9e3
```
#5fc9e3 rgb(95,201,227)
```
#5fbee3
```
#5fbee3 rgb(95,190,227)
```
#5fb3e3
```
#5fb3e3 rgb(95,179,227)
```
#5fa8e3
```
#5fa8e3 rgb(95,168,227)
```
#5f9de3
```
#5f9de3 rgb(95,157,227)
```
#5f92e3
```
#5f92e3 rgb(95,146,227)
```
#5f87e3
```
#5f87e3 rgb(95,135,227)
```

Similar Colors

Text with hexadecimal color #5fa8e3

This text has a font color of #5fa8e3.

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

#5fa8e3 background color

This paragraph has a background color of #5fa8e3.

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

#5fa8e3 border color

This element has a border color of #5fa8e3.

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

CSS codes

.text {color:#5fa8e3;}

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

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

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

#010407
```
#010407 rgb(1,4,7)
```
#040f18
```
#040f18 rgb(4,15,24)
```
#071928
```
#071928 rgb(7,25,40)
```
#0a2439
```
#0a2439 rgb(10,36,57)
```
#0d2f4a
```
#0d2f4a rgb(13,47,74)
```
#10395a
```
#10395a rgb(16,57,90)
```
#13446b
```
#13446b rgb(19,68,107)
```
#164e7c
```
#164e7c rgb(22,78,124)
```
#19598c
```
#19598c rgb(25,89,140)
```
#1c639d
```
#1c639d rgb(28,99,157)
```
#1e6eae
```
#1e6eae rgb(30,110,174)
```
#2178bf
```
#2178bf rgb(33,120,191)
```
#2483cf
```
#2483cf rgb(36,131,207)
```

Shade Color Variation

#2d8dda
```
#2d8dda rgb(45,141,218)
```
#3e96dd
```
#3e96dd rgb(62,150,221)
```
#4e9fe0
```
#4e9fe0 rgb(78,159,224)
```
#5fa8e3
```
#5fa8e3 rgb(95,168,227)
```
#70b1e6
```
#70b1e6 rgb(112,177,230)
```
#80bae9
```
#80bae9 rgb(128,186,233)
```
#91c3ec
```
#91c3ec rgb(145,195,236)
```
#a2ccef
```
#a2ccef rgb(162,204,239)
```
#b2d5f2
```
#b2d5f2 rgb(178,213,242)
```
#c3def5
```
#c3def5 rgb(195,222,245)
```
#d4e8f7
```
#d4e8f7 rgb(212,232,247)
```
#e5f1fa
```
#e5f1fa rgb(229,241,250)
```
#f5fafd
```
#f5fafd rgb(245,250,253)
```

Tint Color Variation

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

#a0a1a2
```
#a0a1a2 rgb(160,161,162)
```
#99a2a9
```
#99a2a9 rgb(153,162,169)
```
#92a3b0
```
#92a3b0 rgb(146,163,176)
```
#8aa3b8
```
#8aa3b8 rgb(138,163,184)
```
#83a4bf
```
#83a4bf rgb(131,164,191)
```
#7ca5c6
```
#7ca5c6 rgb(124,165,198)
```
#75a6cd
```
#75a6cd rgb(117,166,205)
```
#6da6d5
```
#6da6d5 rgb(109,166,213)
```
#66a7dc
```
#66a7dc rgb(102,167,220)
```
#5fa8e3
```
#5fa8e3 rgb(95,168,227)
```
#58a9ea
```
#58a9ea rgb(88,169,234)
```
#51aaf1
```
#51aaf1 rgb(81,170,241)
```
#49aaf9
```
#49aaf9 rgb(73,170,249)
```

Tone Color Variation

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

#999999 Achromatopsia 0.005% of the population
#8d9ca8 Atypical Achromatopsia 0.001% of the population

Dichromacy

#94a4de Protanopia 1% of men
#8ba5e7 Deuteranopia 1% of men
#53b3c0 Tritanopia 0.001% of the population

Trichromacy

#80a5e0 Protanomaly 1% of men, 0.01% of women
#7ba6e5 Deuteranomaly 6% of men, 0.4% of women
#57afcd Tritanomaly 0.01% of the population

#5fa8e3 hex color

#5fa8e3 Color Information

#5fa8e3 Color Conversion

Color Schemes with #5fa8e3

Alternatives to #5fa8e3

#5fa8e3 Preview

Shades and Tints of #5fa8e3

Tones of #5fa8e3

Color Blindness Simulator