#5fd1f5 hex color

In a RGB color space, hex #5fd1f5 is composed of 37.3% red, 82% green and 96.1% blue. Whereas in a CMYK color space, it is composed of 61.2% cyan, 14.7% magenta, 0% yellow and 3.9% black. It has a hue angle of 194.4 degrees, a saturation of 88.2% and a lightness of 66.7%. #5fd1f5 color hex could be obtained by blending #beffff with #00a3eb. Closest websafe color is: #66ccff.

♥
- f
- t
- g
- R 37
- G 82
- B 96
RGB color chart
- C 61
- M 15
- Y 0
- K 4
CMYK color chart

● #5fd1f5 color description : Soft cyan.

The hexadecimal color #5fd1f5 has RGB values of R:95, G:209, B:245 and CMYK values of C:0.61, M:0.15, Y:0, K:0.04. Its decimal value is 6279669.

Hex triplet	5fd1f5	`#5fd1f5`
RGB Decimal	95, 209, 245	`rgb(95,209,245)`
RGB Percent	37.3, 82, 96.1	`rgb(37.3%,82%,96.1%)`
CMYK	61, 15, 0, 4
HSL	194.4°, 88.2, 66.7	`hsl(194.4,88.2%,66.7%)`
HSV (or HSB)	194.4°, 61.2, 96.1
Web Safe	66ccff	`#66ccff`

CIE-LAB	78.824, -21.942, -27.357
XYZ	43.997, 54.623, 94.606
xyY	0.228, 0.283, 54.623
CIE-LCH	78.824, 35.069, 231.268
CIE-LUV	78.824, -45.526, -40.777
Hunter-Lab	73.907, -23.077, -24.16
Binary	01011111, 11010001, 11110101

#5fd1f5
```
#5fd1f5 rgb(95,209,245)
```
#f5835f
```
#f5835f rgb(245,131,95)
```

Complementary Color

#5ff5ce
```
#5ff5ce rgb(95,245,206)
```
#5fd1f5
```
#5fd1f5 rgb(95,209,245)
```
#5f86f5
```
#5f86f5 rgb(95,134,245)
```

Analogous Color

#f5ce5f
```
#f5ce5f rgb(245,206,95)
```
#5fd1f5
```
#5fd1f5 rgb(95,209,245)
```
#f55f86
```
#f55f86 rgb(245,95,134)
```

Split Complementary Color

#d1f55f
```
#d1f55f rgb(209,245,95)
```
#5fd1f5
```
#5fd1f5 rgb(95,209,245)
```
#f55fd1
```
#f55fd1 rgb(245,95,209)
```

Triadic Color

#5ff583
```
#5ff583 rgb(95,245,131)
```
#5fd1f5
```
#5fd1f5 rgb(95,209,245)
```
#f55fd1
```
#f55fd1 rgb(245,95,209)
```
#f5835f
```
#f5835f rgb(245,131,95)
```

Tetradic Color

#17bcf1
```
#17bcf1 rgb(23,188,241)
```
#2fc3f2
```
#2fc3f2 rgb(47,195,242)
```
#47caf4
```
#47caf4 rgb(71,202,244)
```
#5fd1f5
```
#5fd1f5 rgb(95,209,245)
```
#77d8f7
```
#77d8f7 rgb(119,216,247)
```
#8fdff8
```
#8fdff8 rgb(143,223,248)
```
#a7e6fa
```
#a7e6fa rgb(167,230,250)
```

Monochromatic Color

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

#5ff5f4
```
#5ff5f4 rgb(95,245,244)
```
#5feaf5
```
#5feaf5 rgb(95,234,245)
```
#5fdef5
```
#5fdef5 rgb(95,222,245)
```
#5fd1f5
```
#5fd1f5 rgb(95,209,245)
```
#5fc5f5
```
#5fc5f5 rgb(95,197,245)
```
#5fb8f5
```
#5fb8f5 rgb(95,184,245)
```
#5facf5
```
#5facf5 rgb(95,172,245)
```

Similar Colors

Text with hexadecimal color #5fd1f5

This text has a font color of #5fd1f5.

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

#5fd1f5 background color

This paragraph has a background color of #5fd1f5.

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

#5fd1f5 border color

This element has a border color of #5fd1f5.

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

CSS codes

.text {color:#5fd1f5;}

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

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

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

#000506
```
#000506 rgb(0,5,6)
```
#021319
```
#021319 rgb(2,19,25)
```
#03212b
```
#03212b rgb(3,33,43)
```
#04303e
```
#04303e rgb(4,48,62)
```
#053e50
```
#053e50 rgb(5,62,80)
```
#064c62
```
#064c62 rgb(6,76,98)
```
#075b75
```
#075b75 rgb(7,91,117)
```
#086987
```
#086987 rgb(8,105,135)
```
#0a779a
```
#0a779a rgb(10,119,154)
```
#0b86ac
```
#0b86ac rgb(11,134,172)
```
#0c94bf
```
#0c94bf rgb(12,148,191)
```
#0da2d1
```
#0da2d1 rgb(13,162,209)
```
#0eb0e4
```
#0eb0e4 rgb(14,176,228)
```

Shade Color Variation

#15bcf0
```
#15bcf0 rgb(21,188,240)
```
#28c1f2
```
#28c1f2 rgb(40,193,242)
```
#3ac6f3
```
#3ac6f3 rgb(58,198,243)
```
#4dccf4
```
#4dccf4 rgb(77,204,244)
```
#5fd1f5
```
#5fd1f5 rgb(95,209,245)
```
#71d6f6
```
#71d6f6 rgb(113,214,246)
```
#84dcf7
```
#84dcf7 rgb(132,220,247)
```
#96e1f8
```
#96e1f8 rgb(150,225,248)
```
#a9e6fa
```
#a9e6fa rgb(169,230,250)
```
#bbecfb
```
#bbecfb rgb(187,236,251)
```
#cef1fc
```
#cef1fc rgb(206,241,252)
```
#e0f6fd
```
#e0f6fd rgb(224,246,253)
```
#f3fbfe
```
#f3fbfe rgb(243,251,254)
```

Tint Color Variation

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

#a7acad
```
#a7acad rgb(167,172,173)
```
#a0afb4
```
#a0afb4 rgb(160,175,180)
```
#9ab2ba
```
#9ab2ba rgb(154,178,186)
```
#93b6c1
```
#93b6c1 rgb(147,182,193)
```
#8db9c7
```
#8db9c7 rgb(141,185,199)
```
#86bdce
```
#86bdce rgb(134,189,206)
```
#80c0d4
```
#80c0d4 rgb(128,192,212)
```
#79c3db
```
#79c3db rgb(121,195,219)
```
#73c7e1
```
#73c7e1 rgb(115,199,225)
```
#6ccae8
```
#6ccae8 rgb(108,202,232)
```
#66ceee
```
#66ceee rgb(102,206,238)
```
#5fd1f5
```
#5fd1f5 rgb(95,209,245)
```
#58d4fc
```
#58d4fc rgb(88,212,252)
```

Tone Color Variation

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

#b3b3b3 Achromatopsia 0.005% of the population
#a2b9c0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#bcc4ec Protanopia 1% of men
#bac3fb Deuteranopia 1% of men
#5dd6e5 Tritanopia 0.001% of the population

Trichromacy

#9ac9ef Protanomaly 1% of men, 0.01% of women
#98c8f9 Deuteranomaly 6% of men, 0.4% of women
#5ed4eb Tritanomaly 0.01% of the population

#5fd1f5 hex color

#5fd1f5 Color Information

#5fd1f5 Color Conversion

Color Schemes with #5fd1f5

Alternatives to #5fd1f5

#5fd1f5 Preview

Shades and Tints of #5fd1f5

Tones of #5fd1f5

Color Blindness Simulator