#5fdfff hex color

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

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

● #5fdfff color description : Light cyan.

The hexadecimal color #5fdfff has RGB values of R:95, G:223, B:255 and CMYK values of C:0.63, M:0.13, Y:0, K:0. Its decimal value is 6283263.

Hex triplet	5fdfff	`#5fdfff`
RGB Decimal	95, 223, 255	`rgb(95,223,255)`
RGB Percent	37.3, 87.5, 100	`rgb(37.3%,87.5%,100%)`
CMYK	63, 13, 0, 0
HSL	192°, 100, 68.6	`hsl(192,100%,68.6%)`
HSV (or HSB)	192°, 62.7, 100
Web Safe	66ccff	`#66ccff`

CIE-LAB	83.139, -25.989, -26.074
XYZ	49.152, 62.424, 104.061
xyY	0.228, 0.289, 62.424
CIE-LCH	83.139, 36.814, 225.094
CIE-LUV	83.139, -50.078, -38.262
Hunter-Lab	79.009, -27.22, -22.783
Binary	01011111, 11011111, 11111111

#5fdfff
```
#5fdfff rgb(95,223,255)
```
#ff7f5f
```
#ff7f5f rgb(255,127,95)
```

Complementary Color

#5fffcf
```
#5fffcf rgb(95,255,207)
```
#5fdfff
```
#5fdfff rgb(95,223,255)
```
#5f8fff
```
#5f8fff rgb(95,143,255)
```

Analogous Color

#ffcf5f
```
#ffcf5f rgb(255,207,95)
```
#5fdfff
```
#5fdfff rgb(95,223,255)
```
#ff5f8f
```
#ff5f8f rgb(255,95,143)
```

Split Complementary Color

#dfff5f
```
#dfff5f rgb(223,255,95)
```
#5fdfff
```
#5fdfff rgb(95,223,255)
```
#ff5fdf
```
#ff5fdf rgb(255,95,223)
```

Triadic Color

#5fff7f
```
#5fff7f rgb(95,255,127)
```
#5fdfff
```
#5fdfff rgb(95,223,255)
```
#ff5fdf
```
#ff5fdf rgb(255,95,223)
```
#ff7f5f
```
#ff7f5f rgb(255,127,95)
```

Tetradic Color

#13d0ff
```
#13d0ff rgb(19,208,255)
```
#2cd5ff
```
#2cd5ff rgb(44,213,255)
```
#46daff
```
#46daff rgb(70,218,255)
```
#5fdfff
```
#5fdfff rgb(95,223,255)
```
#79e4ff
```
#79e4ff rgb(121,228,255)
```
#92e9ff
```
#92e9ff rgb(146,233,255)
```
#aceeff
```
#aceeff rgb(172,238,255)
```

Monochromatic Color

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

#5ffff7
```
#5ffff7 rgb(95,255,247)
```
#5ffaff
```
#5ffaff rgb(95,250,255)
```
#5fecff
```
#5fecff rgb(95,236,255)
```
#5fdfff
```
#5fdfff rgb(95,223,255)
```
#5fd2ff
```
#5fd2ff rgb(95,210,255)
```
#5fc4ff
```
#5fc4ff rgb(95,196,255)
```
#5fb7ff
```
#5fb7ff rgb(95,183,255)
```

Similar Colors

Text with hexadecimal color #5fdfff

This text has a font color of #5fdfff.

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

#5fdfff background color

This paragraph has a background color of #5fdfff.

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

#5fdfff border color

This element has a border color of #5fdfff.

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

CSS codes

.text {color:#5fdfff;}

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

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

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

#000d11
```
#000d11 rgb(0,13,17)
```
#001d24
```
#001d24 rgb(0,29,36)
```
#002d38
```
#002d38 rgb(0,45,56)
```
#003c4b
```
#003c4b rgb(0,60,75)
```
#004c5f
```
#004c5f rgb(0,76,95)
```
#005c73
```
#005c73 rgb(0,92,115)
```
#006b86
```
#006b86 rgb(0,107,134)
```
#007b9a
```
#007b9a rgb(0,123,154)
```
#008bad
```
#008bad rgb(0,139,173)
```
#009ac1
```
#009ac1 rgb(0,154,193)
```
#00aad5
```
#00aad5 rgb(0,170,213)
```
#00bae8
```
#00bae8 rgb(0,186,232)
```
#00cafc
```
#00cafc rgb(0,202,252)
```

Shade Color Variation

#11cfff
```
#11cfff rgb(17,207,255)
```
#24d3ff
```
#24d3ff rgb(36,211,255)
```
#38d7ff
```
#38d7ff rgb(56,215,255)
```
#4bdbff
```
#4bdbff rgb(75,219,255)
```
#5fdfff
```
#5fdfff rgb(95,223,255)
```
#73e3ff
```
#73e3ff rgb(115,227,255)
```
#86e7ff
```
#86e7ff rgb(134,231,255)
```
#9aebff
```
#9aebff rgb(154,235,255)
```
#adefff
```
#adefff rgb(173,239,255)
```
#c1f3ff
```
#c1f3ff rgb(193,243,255)
```
#d5f7ff
```
#d5f7ff rgb(213,247,255)
```
#e8faff
```
#e8faff rgb(232,250,255)
```
#fcfeff
```
#fcfeff rgb(252,254,255)
```

Tint Color Variation

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

#a9b3b5
```
#a9b3b5 rgb(169,179,181)
```
#a3b6bb
```
#a3b6bb rgb(163,182,187)
```
#9dbac1
```
#9dbac1 rgb(157,186,193)
```
#96bec8
```
#96bec8 rgb(150,190,200)
```
#90c1ce
```
#90c1ce rgb(144,193,206)
```
#8ac5d4
```
#8ac5d4 rgb(138,197,212)
```
#84c9da
```
#84c9da rgb(132,201,218)
```
#7ecde0
```
#7ecde0 rgb(126,205,224)
```
#78d0e6
```
#78d0e6 rgb(120,208,230)
```
#71d4ed
```
#71d4ed rgb(113,212,237)
```
#6bd8f3
```
#6bd8f3 rgb(107,216,243)
```
#65dbf9
```
#65dbf9 rgb(101,219,249)
```
#5fdfff
```
#5fdfff rgb(95,223,255)
```

Tone Color Variation

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

#bcbcbc Achromatopsia 0.005% of the population
#a9c3c9 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c9cff4 Protanopia 1% of men
#c9ceff Deuteranopia 1% of men
#5fe2f3 Tritanopia 0.001% of the population

Trichromacy

#a2d5f8 Protanomaly 1% of men, 0.01% of women
#a2d4ff Deuteranomaly 6% of men, 0.4% of women
#5fe1f7 Tritanomaly 0.01% of the population

#5fdfff hex color

#5fdfff Color Information

#5fdfff Color Conversion

Color Schemes with #5fdfff

Alternatives to #5fdfff

#5fdfff Preview

Shades and Tints of #5fdfff

Tones of #5fdfff

Color Blindness Simulator