#5fd4ff hex color

In a RGB color space, hex #5fd4ff is composed of 37.3% red, 83.1% green and 100% blue. Whereas in a CMYK color space, it is composed of 62.7% cyan, 16.9% magenta, 0% yellow and 0% black. It has a hue angle of 196.1 degrees, a saturation of 100% and a lightness of 68.6%. #5fd4ff color hex could be obtained by blending #beffff with #00a9ff. Closest websafe color is: #66ccff.

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

● #5fd4ff color description : Light blue.

The hexadecimal color #5fd4ff has RGB values of R:95, G:212, B:255 and CMYK values of C:0.63, M:0.17, Y:0, K:0. Its decimal value is 6280447.

Hex triplet	5fd4ff	`#5fd4ff`
RGB Decimal	95, 212, 255	`rgb(95,212,255)`
RGB Percent	37.3, 83.1, 100	`rgb(37.3%,83.1%,100%)`
CMYK	63, 17, 0, 0
HSL	196.1°, 100, 68.6	`hsl(196.1,100%,68.6%)`
HSV (or HSB)	196.1°, 62.7, 100
Web Safe	66ccff	`#66ccff`

CIE-LAB	80.031, -20.489, -30.832
XYZ	46.308, 56.736, 103.113
xyY	0.225, 0.275, 56.736
CIE-LCH	80.031, 37.019, 236.394
CIE-LUV	80.031, -46.127, -46.999
Hunter-Lab	75.324, -22.076, -28.438
Binary	01011111, 11010100, 11111111

#5fd4ff
```
#5fd4ff rgb(95,212,255)
```
#ff8a5f
```
#ff8a5f rgb(255,138,95)
```

Complementary Color

#5fffda
```
#5fffda rgb(95,255,218)
```
#5fd4ff
```
#5fd4ff rgb(95,212,255)
```
#5f84ff
```
#5f84ff rgb(95,132,255)
```

Analogous Color

#ffda5f
```
#ffda5f rgb(255,218,95)
```
#5fd4ff
```
#5fd4ff rgb(95,212,255)
```
#ff5f84
```
#ff5f84 rgb(255,95,132)
```

Split Complementary Color

#d4ff5f
```
#d4ff5f rgb(212,255,95)
```
#5fd4ff
```
#5fd4ff rgb(95,212,255)
```
#ff5fd4
```
#ff5fd4 rgb(255,95,212)
```

Triadic Color

#5fff8a
```
#5fff8a rgb(95,255,138)
```
#5fd4ff
```
#5fd4ff rgb(95,212,255)
```
#ff5fd4
```
#ff5fd4 rgb(255,95,212)
```
#ff8a5f
```
#ff8a5f rgb(255,138,95)
```

Tetradic Color

#13bfff
```
#13bfff rgb(19,191,255)
```
#2cc6ff
```
#2cc6ff rgb(44,198,255)
```
#46cdff
```
#46cdff rgb(70,205,255)
```
#5fd4ff
```
#5fd4ff rgb(95,212,255)
```
#79dbff
```
#79dbff rgb(121,219,255)
```
#92e2ff
```
#92e2ff rgb(146,226,255)
```
#ace9ff
```
#ace9ff rgb(172,233,255)
```

Monochromatic Color

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

#5ffcff
```
#5ffcff rgb(95,252,255)
```
#5fefff
```
#5fefff rgb(95,239,255)
```
#5fe1ff
```
#5fe1ff rgb(95,225,255)
```
#5fd4ff
```
#5fd4ff rgb(95,212,255)
```
#5fc7ff
```
#5fc7ff rgb(95,199,255)
```
#5fb9ff
```
#5fb9ff rgb(95,185,255)
```
#5facff
```
#5facff rgb(95,172,255)
```

Similar Colors

Text with hexadecimal color #5fd4ff

This text has a font color of #5fd4ff.

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

#5fd4ff background color

This paragraph has a background color of #5fd4ff.

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

#5fd4ff border color

This element has a border color of #5fd4ff.

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

CSS codes

.text {color:#5fd4ff;}

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

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

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, #000c11 is the darkest color, while #fcfeff is the lightest one.

#000c11
```
#000c11 rgb(0,12,17)
```
#001a24
```
#001a24 rgb(0,26,36)
```
#002938
```
#002938 rgb(0,41,56)
```
#00374b
```
#00374b rgb(0,55,75)
```
#00455f
```
#00455f rgb(0,69,95)
```
#005473
```
#005473 rgb(0,84,115)
```
#006286
```
#006286 rgb(0,98,134)
```
#00719a
```
#00719a rgb(0,113,154)
```
#007fad
```
#007fad rgb(0,127,173)
```
#008dc1
```
#008dc1 rgb(0,141,193)
```
#009cd5
```
#009cd5 rgb(0,156,213)
```
#00aae8
```
#00aae8 rgb(0,170,232)
```
#00b8fc
```
#00b8fc rgb(0,184,252)
```

Shade Color Variation

#11bfff
```
#11bfff rgb(17,191,255)
```
#24c4ff
```
#24c4ff rgb(36,196,255)
```
#38c9ff
```
#38c9ff rgb(56,201,255)
```
#4bcfff
```
#4bcfff rgb(75,207,255)
```
#5fd4ff
```
#5fd4ff rgb(95,212,255)
```
#73d9ff
```
#73d9ff rgb(115,217,255)
```
#86dfff
```
#86dfff rgb(134,223,255)
```
#9ae4ff
```
#9ae4ff rgb(154,228,255)
```
#ade9ff
```
#ade9ff rgb(173,233,255)
```
#c1eeff
```
#c1eeff rgb(193,238,255)
```
#d5f4ff
```
#d5f4ff rgb(213,244,255)
```
#e8f9ff
```
#e8f9ff rgb(232,249,255)
```
#fcfeff
```
#fcfeff rgb(252,254,255)
```

Tint Color Variation

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

#a9b2b5
```
#a9b2b5 rgb(169,178,181)
```
#a3b5bb
```
#a3b5bb rgb(163,181,187)
```
#9db8c1
```
#9db8c1 rgb(157,184,193)
```
#96bac8
```
#96bac8 rgb(150,186,200)
```
#90bdce
```
#90bdce rgb(144,189,206)
```
#8ac0d4
```
#8ac0d4 rgb(138,192,212)
```
#84c3da
```
#84c3da rgb(132,195,218)
```
#7ec6e0
```
#7ec6e0 rgb(126,198,224)
```
#78c9e6
```
#78c9e6 rgb(120,201,230)
```
#71cbed
```
#71cbed rgb(113,203,237)
```
#6bcef3
```
#6bcef3 rgb(107,206,243)
```
#65d1f9
```
#65d1f9 rgb(101,209,249)
```
#5fd4ff
```
#5fd4ff rgb(95,212,255)
```

Tone Color Variation

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

#b6b6b6 Achromatopsia 0.005% of the population
#a5bcc5 Atypical Achromatopsia 0.001% of the population

Dichromacy

#bdc7f5 Protanopia 1% of men
#bbc6ff Deuteranopia 1% of men
#59daea Tritanopia 0.001% of the population

Trichromacy

#9bccf8 Protanomaly 1% of men, 0.01% of women
#99cbff Deuteranomaly 6% of men, 0.4% of women
#5bd7f1 Tritanomaly 0.01% of the population

#5fd4ff hex color

#5fd4ff Color Information

#5fd4ff Color Conversion

Color Schemes with #5fd4ff

Alternatives to #5fd4ff

#5fd4ff Preview

Shades and Tints of #5fd4ff

Tones of #5fd4ff

Color Blindness Simulator