#5fcaf8 hex color

In a RGB color space, hex #5fcaf8 is composed of 37.3% red, 79.2% green and 97.3% blue. Whereas in a CMYK color space, it is composed of 61.7% cyan, 18.5% magenta, 0% yellow and 2.7% black. It has a hue angle of 198 degrees, a saturation of 91.6% and a lightness of 67.3%. #5fcaf8 color hex could be obtained by blending #beffff with #0095f1. Closest websafe color is: #66ccff.

♥
- f
- t
- g
- R 37
- G 79
- B 97
RGB color chart
- C 62
- M 19
- Y 0
- K 3
CMYK color chart

● #5fcaf8 color description : Soft blue.

The hexadecimal color #5fcaf8 has RGB values of R:95, G:202, B:248 and CMYK values of C:0.62, M:0.19, Y:0, K:0.03. Its decimal value is 6277880.

Hex triplet	5fcaf8	`#5fcaf8`
RGB Decimal	95, 202, 248	`rgb(95,202,248)`
RGB Percent	37.3, 79.2, 97.3	`rgb(37.3%,79.2%,97.3%)`
CMYK	62, 19, 0, 3
HSL	198°, 91.6, 67.3	`hsl(198,91.6%,67.3%)`
HSV (or HSB)	198°, 61.7, 97.3
Web Safe	66ccff	`#66ccff`

CIE-LAB	76.95, -17.467, -31.838
XYZ	42.779, 51.448, 96.478
xyY	0.224, 0.27, 51.448
CIE-LCH	76.95, 36.315, 241.249
CIE-LUV	76.95, -42.85, -48.914
Hunter-Lab	71.727, -19.064, -29.54
Binary	01011111, 11001010, 11111000

#5fcaf8
```
#5fcaf8 rgb(95,202,248)
```
#f88d5f
```
#f88d5f rgb(248,141,95)
```

Complementary Color

#5ff8da
```
#5ff8da rgb(95,248,218)
```
#5fcaf8
```
#5fcaf8 rgb(95,202,248)
```
#5f7ef8
```
#5f7ef8 rgb(95,126,248)
```

Analogous Color

#f8da5f
```
#f8da5f rgb(248,218,95)
```
#5fcaf8
```
#5fcaf8 rgb(95,202,248)
```
#f85f7e
```
#f85f7e rgb(248,95,126)
```

Split Complementary Color

#caf85f
```
#caf85f rgb(202,248,95)
```
#5fcaf8
```
#5fcaf8 rgb(95,202,248)
```
#f85fca
```
#f85fca rgb(248,95,202)
```

Triadic Color

#5ff88d
```
#5ff88d rgb(95,248,141)
```
#5fcaf8
```
#5fcaf8 rgb(95,202,248)
```
#f85fca
```
#f85fca rgb(248,95,202)
```
#f88d5f
```
#f88d5f rgb(248,141,95)
```

Tetradic Color

#16b2f5
```
#16b2f5 rgb(22,178,245)
```
#2ebaf6
```
#2ebaf6 rgb(46,186,246)
```
#47c2f7
```
#47c2f7 rgb(71,194,247)
```
#5fcaf8
```
#5fcaf8 rgb(95,202,248)
```
#77d2f9
```
#77d2f9 rgb(119,210,249)
```
#90dafa
```
#90dafa rgb(144,218,250)
```
#a8e2fb
```
#a8e2fb rgb(168,226,251)
```

Monochromatic Color

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

#5ff0f8
```
#5ff0f8 rgb(95,240,248)
```
#5fe4f8
```
#5fe4f8 rgb(95,228,248)
```
#5fd7f8
```
#5fd7f8 rgb(95,215,248)
```
#5fcaf8
```
#5fcaf8 rgb(95,202,248)
```
#5fbdf8
```
#5fbdf8 rgb(95,189,248)
```
#5fb1f8
```
#5fb1f8 rgb(95,177,248)
```
#5fa4f8
```
#5fa4f8 rgb(95,164,248)
```

Similar Colors

Text with hexadecimal color #5fcaf8

This text has a font color of #5fcaf8.

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

#5fcaf8 background color

This paragraph has a background color of #5fcaf8.

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

#5fcaf8 border color

This element has a border color of #5fcaf8.

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

CSS codes

.text {color:#5fcaf8;}

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

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

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

#000709
```
#000709 rgb(0,7,9)
```
#01141c
```
#01141c rgb(1,20,28)
```
#02212f
```
#02212f rgb(2,33,47)
```
#032f42
```
#032f42 rgb(3,47,66)
```
#043c54
```
#043c54 rgb(4,60,84)
```
#054967
```
#054967 rgb(5,73,103)
```
#05577a
```
#05577a rgb(5,87,122)
```
#06648d
```
#06648d rgb(6,100,141)
```
#07729f
```
#07729f rgb(7,114,159)
```
#087fb2
```
#087fb2 rgb(8,127,178)
```
#098cc5
```
#098cc5 rgb(9,140,197)
```
#099ad8
```
#099ad8 rgb(9,154,216)
```
#0aa7eb
```
#0aa7eb rgb(10,167,235)
```

Shade Color Variation

#14b1f5
```
#14b1f5 rgb(20,177,245)
```
#27b7f6
```
#27b7f6 rgb(39,183,246)
```
#39bef6
```
#39bef6 rgb(57,190,246)
```
#4cc4f7
```
#4cc4f7 rgb(76,196,247)
```
#5fcaf8
```
#5fcaf8 rgb(95,202,248)
```
#72d0f9
```
#72d0f9 rgb(114,208,249)
```
#85d6fa
```
#85d6fa rgb(133,214,250)
```
#97ddfa
```
#97ddfa rgb(151,221,250)
```
#aae3fb
```
#aae3fb rgb(170,227,251)
```
#bde9fc
```
#bde9fc rgb(189,233,252)
```
#d0effd
```
#d0effd rgb(208,239,253)
```
#e3f6fe
```
#e3f6fe rgb(227,246,254)
```
#f5fcff
```
#f5fcff rgb(245,252,255)
```

Tint Color Variation

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

#a6aeb1
```
#a6aeb1 rgb(166,174,177)
```
#9fb0b8
```
#9fb0b8 rgb(159,176,184)
```
#99b3be
```
#99b3be rgb(153,179,190)
```
#92b6c5
```
#92b6c5 rgb(146,182,197)
```
#8cb8cb
```
#8cb8cb rgb(140,184,203)
```
#86bbd1
```
#86bbd1 rgb(134,187,209)
```
#7fbdd8
```
#7fbdd8 rgb(127,189,216)
```
#79c0de
```
#79c0de rgb(121,192,222)
```
#72c2e5
```
#72c2e5 rgb(114,194,229)
```
#6cc5eb
```
#6cc5eb rgb(108,197,235)
```
#65c7f2
```
#65c7f2 rgb(101,199,242)
```
#5fcaf8
```
#5fcaf8 rgb(95,202,248)
```
#59cdfe
```
#59cdfe rgb(89,205,254)
```

Tone Color Variation

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

#afafaf Achromatopsia 0.005% of the population
#9fb4be Atypical Achromatopsia 0.001% of the population

Dichromacy

#b4bfef Protanopia 1% of men
#afbefd Deuteranopia 1% of men
#58d1e0 Tritanopia 0.001% of the population

Trichromacy

#95c3f2 Protanomaly 1% of men, 0.01% of women
#92c2fb Deuteranomaly 6% of men, 0.4% of women
#5acee9 Tritanomaly 0.01% of the population

#5fcaf8 hex color

#5fcaf8 Color Information

#5fcaf8 Color Conversion

Color Schemes with #5fcaf8

Alternatives to #5fcaf8

#5fcaf8 Preview

Shades and Tints of #5fcaf8

Tones of #5fcaf8

Color Blindness Simulator