#5ff2ff hex color

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

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

● #5ff2ff color description : Light cyan.

The hexadecimal color #5ff2ff has RGB values of R:95, G:242, B:255 and CMYK values of C:0.63, M:0.05, Y:0, K:0. Its decimal value is 6288127.

Hex triplet	5ff2ff	`#5ff2ff`
RGB Decimal	95, 242, 255	`rgb(95,242,255)`
RGB Percent	37.3, 94.9, 100	`rgb(37.3%,94.9%,100%)`
CMYK	63, 5, 0, 0
HSL	184.9°, 100, 68.6	`hsl(184.9,100%,68.6%)`
HSV (or HSB)	184.9°, 62.7, 100
Web Safe	66ffff	`#66ffff`

CIE-LAB	88.52, -35.088, -17.917
XYZ	54.516, 73.153, 105.849
xyY	0.233, 0.313, 73.153
CIE-LCH	88.52, 39.398, 207.051
CIE-LUV	88.52, -56.883, -23.321
Hunter-Lab	85.529, -35.901, -13.505
Binary	01011111, 11110010, 11111111

#5ff2ff
```
#5ff2ff rgb(95,242,255)
```
#ff6c5f
```
#ff6c5f rgb(255,108,95)
```

Complementary Color

#5fffbc
```
#5fffbc rgb(95,255,188)
```
#5ff2ff
```
#5ff2ff rgb(95,242,255)
```
#5fa2ff
```
#5fa2ff rgb(95,162,255)
```

Analogous Color

#ffbc5f
```
#ffbc5f rgb(255,188,95)
```
#5ff2ff
```
#5ff2ff rgb(95,242,255)
```
#ff5fa2
```
#ff5fa2 rgb(255,95,162)
```

Split Complementary Color

#f2ff5f
```
#f2ff5f rgb(242,255,95)
```
#5ff2ff
```
#5ff2ff rgb(95,242,255)
```
#ff5ff2
```
#ff5ff2 rgb(255,95,242)
```

Triadic Color

#5fff6c
```
#5fff6c rgb(95,255,108)
```
#5ff2ff
```
#5ff2ff rgb(95,242,255)
```
#ff5ff2
```
#ff5ff2 rgb(255,95,242)
```
#ff6c5f
```
#ff6c5f rgb(255,108,95)
```

Tetradic Color

#13ecff
```
#13ecff rgb(19,236,255)
```
#2ceeff
```
#2ceeff rgb(44,238,255)
```
#46f0ff
```
#46f0ff rgb(70,240,255)
```
#5ff2ff
```
#5ff2ff rgb(95,242,255)
```
#79f4ff
```
#79f4ff rgb(121,244,255)
```
#92f6ff
```
#92f6ff rgb(146,246,255)
```
#acf8ff
```
#acf8ff rgb(172,248,255)
```

Monochromatic Color

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

#5fffe4
```
#5fffe4 rgb(95,255,228)
```
#5ffff1
```
#5ffff1 rgb(95,255,241)
```
#5fffff
```
#5fffff rgb(95,255,255)
```
#5ff2ff
```
#5ff2ff rgb(95,242,255)
```
#5fe5ff
```
#5fe5ff rgb(95,229,255)
```
#5fd7ff
```
#5fd7ff rgb(95,215,255)
```
#5fcaff
```
#5fcaff rgb(95,202,255)
```

Similar Colors

Text with hexadecimal color #5ff2ff

This text has a font color of #5ff2ff.

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

#5ff2ff background color

This paragraph has a background color of #5ff2ff.

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

#5ff2ff border color

This element has a border color of #5ff2ff.

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

CSS codes

.text {color:#5ff2ff;}

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

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

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

#000f11
```
#000f11 rgb(0,15,17)
```
#002124
```
#002124 rgb(0,33,36)
```
#003338
```
#003338 rgb(0,51,56)
```
#00454b
```
#00454b rgb(0,69,75)
```
#00575f
```
#00575f rgb(0,87,95)
```
#006973
```
#006973 rgb(0,105,115)
```
#007b86
```
#007b86 rgb(0,123,134)
```
#008d9a
```
#008d9a rgb(0,141,154)
```
#009fad
```
#009fad rgb(0,159,173)
```
#00b1c1
```
#00b1c1 rgb(0,177,193)
```
#00c3d5
```
#00c3d5 rgb(0,195,213)
```
#00d5e8
```
#00d5e8 rgb(0,213,232)
```
#00e7fc
```
#00e7fc rgb(0,231,252)
```

Shade Color Variation

#11ecff
```
#11ecff rgb(17,236,255)
```
#24edff
```
#24edff rgb(36,237,255)
```
#38efff
```
#38efff rgb(56,239,255)
```
#4bf0ff
```
#4bf0ff rgb(75,240,255)
```
#5ff2ff
```
#5ff2ff rgb(95,242,255)
```
#73f4ff
```
#73f4ff rgb(115,244,255)
```
#86f5ff
```
#86f5ff rgb(134,245,255)
```
#9af7ff
```
#9af7ff rgb(154,247,255)
```
#adf8ff
```
#adf8ff rgb(173,248,255)
```
#c1faff
```
#c1faff rgb(193,250,255)
```
#d5fcff
```
#d5fcff rgb(213,252,255)
```
#e8fdff
```
#e8fdff rgb(232,253,255)
```
#fcffff
```
#fcffff rgb(252,255,255)
```

Tint Color Variation

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

#a9b4b5
```
#a9b4b5 rgb(169,180,181)
```
#a3b9bb
```
#a3b9bb rgb(163,185,187)
```
#9dbec1
```
#9dbec1 rgb(157,190,193)
```
#96c4c8
```
#96c4c8 rgb(150,196,200)
```
#90c9ce
```
#90c9ce rgb(144,201,206)
```
#8aced4
```
#8aced4 rgb(138,206,212)
```
#84d3da
```
#84d3da rgb(132,211,218)
```
#7ed8e0
```
#7ed8e0 rgb(126,216,224)
```
#78dde6
```
#78dde6 rgb(120,221,230)
```
#71e3ed
```
#71e3ed rgb(113,227,237)
```
#6be8f3
```
#6be8f3 rgb(107,232,243)
```
#65edf9
```
#65edf9 rgb(101,237,249)
```
#5ff2ff
```
#5ff2ff rgb(95,242,255)
```

Tone Color Variation

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

#c8c8c8 Achromatopsia 0.005% of the population
#b3d0d3 Atypical Achromatopsia 0.001% of the population

Dichromacy

#dddef3 Protanopia 1% of men
#dfdcff Deuteranopia 1% of men
#84efff Tritanopia 0.001% of the population

Trichromacy

#afe5f7 Protanomaly 1% of men, 0.01% of women
#b1e4ff Deuteranomaly 6% of men, 0.4% of women
#76f0ff Tritanomaly 0.01% of the population

#5ff2ff hex color

#5ff2ff Color Information

#5ff2ff Color Conversion

Color Schemes with #5ff2ff

Alternatives to #5ff2ff

#5ff2ff Preview

Shades and Tints of #5ff2ff

Tones of #5ff2ff

Color Blindness Simulator