#5fd3ff hex color

In a RGB color space, hex #5fd3ff is composed of 37.3% red, 82.7% green and 100% blue. Whereas in a CMYK color space, it is composed of 62.7% cyan, 17.3% magenta, 0% yellow and 0% black. It has a hue angle of 196.5 degrees, a saturation of 100% and a lightness of 68.6%. #5fd3ff color hex could be obtained by blending #beffff with #00a7ff. 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

● #5fd3ff color description : Light blue.

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

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

CIE-LAB	79.749, -19.98, -31.266
XYZ	46.059, 56.238, 103.03
xyY	0.224, 0.274, 56.238
CIE-LCH	79.749, 37.105, 237.419
CIE-LUV	79.749, -45.768, -47.794
Hunter-Lab	74.992, -21.604, -28.963
Binary	01011111, 11010011, 11111111

#5fd3ff
```
#5fd3ff rgb(95,211,255)
```
#ff8b5f
```
#ff8b5f rgb(255,139,95)
```

Complementary Color

#5fffdb
```
#5fffdb rgb(95,255,219)
```
#5fd3ff
```
#5fd3ff rgb(95,211,255)
```
#5f83ff
```
#5f83ff rgb(95,131,255)
```

Analogous Color

#ffdb5f
```
#ffdb5f rgb(255,219,95)
```
#5fd3ff
```
#5fd3ff rgb(95,211,255)
```
#ff5f83
```
#ff5f83 rgb(255,95,131)
```

Split Complementary Color

#d3ff5f
```
#d3ff5f rgb(211,255,95)
```
#5fd3ff
```
#5fd3ff rgb(95,211,255)
```
#ff5fd3
```
#ff5fd3 rgb(255,95,211)
```

Triadic Color

#5fff8b
```
#5fff8b rgb(95,255,139)
```
#5fd3ff
```
#5fd3ff rgb(95,211,255)
```
#ff5fd3
```
#ff5fd3 rgb(255,95,211)
```
#ff8b5f
```
#ff8b5f rgb(255,139,95)
```

Tetradic Color

#13beff
```
#13beff rgb(19,190,255)
```
#2cc5ff
```
#2cc5ff rgb(44,197,255)
```
#46ccff
```
#46ccff rgb(70,204,255)
```
#5fd3ff
```
#5fd3ff rgb(95,211,255)
```
#79daff
```
#79daff rgb(121,218,255)
```
#92e1ff
```
#92e1ff rgb(146,225,255)
```
#ace8ff
```
#ace8ff rgb(172,232,255)
```

Monochromatic Color

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

#5ffbff
```
#5ffbff rgb(95,251,255)
```
#5feeff
```
#5feeff rgb(95,238,255)
```
#5fe0ff
```
#5fe0ff rgb(95,224,255)
```
#5fd3ff
```
#5fd3ff rgb(95,211,255)
```
#5fc6ff
```
#5fc6ff rgb(95,198,255)
```
#5fb8ff
```
#5fb8ff rgb(95,184,255)
```
#5fabff
```
#5fabff rgb(95,171,255)
```

Similar Colors

Text with hexadecimal color #5fd3ff

This text has a font color of #5fd3ff.

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

#5fd3ff background color

This paragraph has a background color of #5fd3ff.

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

#5fd3ff border color

This element has a border color of #5fd3ff.

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

CSS codes

.text {color:#5fd3ff;}

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

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

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)
```
#002838
```
#002838 rgb(0,40,56)
```
#00374b
```
#00374b rgb(0,55,75)
```
#00455f
```
#00455f rgb(0,69,95)
```
#005373
```
#005373 rgb(0,83,115)
```
#006186
```
#006186 rgb(0,97,134)
```
#00709a
```
#00709a rgb(0,112,154)
```
#007ead
```
#007ead rgb(0,126,173)
```
#008cc1
```
#008cc1 rgb(0,140,193)
```
#009ad5
```
#009ad5 rgb(0,154,213)
```
#00a8e8
```
#00a8e8 rgb(0,168,232)
```
#00b7fc
```
#00b7fc rgb(0,183,252)
```

Shade Color Variation

#11bdff
```
#11bdff rgb(17,189,255)
```
#24c3ff
```
#24c3ff rgb(36,195,255)
```
#38c8ff
```
#38c8ff rgb(56,200,255)
```
#4bceff
```
#4bceff rgb(75,206,255)
```
#5fd3ff
```
#5fd3ff rgb(95,211,255)
```
#73d8ff
```
#73d8ff rgb(115,216,255)
```
#86deff
```
#86deff rgb(134,222,255)
```
#9ae3ff
```
#9ae3ff rgb(154,227,255)
```
#ade9ff
```
#ade9ff rgb(173,233,255)
```
#c1eeff
```
#c1eeff rgb(193,238,255)
```
#d5f3ff
```
#d5f3ff rgb(213,243,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 #5fd3ff is the most saturated one.

#a9b2b5
```
#a9b2b5 rgb(169,178,181)
```
#a3b5bb
```
#a3b5bb rgb(163,181,187)
```
#9db7c1
```
#9db7c1 rgb(157,183,193)
```
#96bac8
```
#96bac8 rgb(150,186,200)
```
#90bdce
```
#90bdce rgb(144,189,206)
```
#8ac0d4
```
#8ac0d4 rgb(138,192,212)
```
#84c2da
```
#84c2da rgb(132,194,218)
```
#7ec5e0
```
#7ec5e0 rgb(126,197,224)
```
#78c8e6
```
#78c8e6 rgb(120,200,230)
```
#71cbed
```
#71cbed rgb(113,203,237)
```
#6bcdf3
```
#6bcdf3 rgb(107,205,243)
```
#65d0f9
```
#65d0f9 rgb(101,208,249)
```
#5fd3ff
```
#5fd3ff rgb(95,211,255)
```

Tone Color Variation

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

#b5b5b5 Achromatopsia 0.005% of the population
#a4bbc4 Atypical Achromatopsia 0.001% of the population

Dichromacy

#bcc6f5 Protanopia 1% of men
#b9c6ff Deuteranopia 1% of men
#59d9e9 Tritanopia 0.001% of the population

Trichromacy

#9acbf9 Protanomaly 1% of men, 0.01% of women
#98caff Deuteranomaly 6% of men, 0.4% of women
#5bd6f1 Tritanomaly 0.01% of the population

#5fd3ff hex color

#5fd3ff Color Information

#5fd3ff Color Conversion

Color Schemes with #5fd3ff

Alternatives to #5fd3ff

#5fd3ff Preview

Shades and Tints of #5fd3ff

Tones of #5fd3ff

Color Blindness Simulator