#5bf2f0 hex color

In a RGB color space, hex #5bf2f0 is composed of 35.7% red, 94.9% green and 94.1% blue. Whereas in a CMYK color space, it is composed of 62.4% cyan, 0% magenta, 0.8% yellow and 5.1% black. It has a hue angle of 179.2 degrees, a saturation of 85.3% and a lightness of 65.3%. #5bf2f0 color hex could be obtained by blending #b6ffff with #00e5e1. Closest websafe color is: #66ffff.

♥
- f
- t
- g
- R 36
- G 95
- B 94
RGB color chart
- C 62
- M 0
- Y 1
- K 5
CMYK color chart

● #5bf2f0 color description : Soft cyan.

The hexadecimal color #5bf2f0 has RGB values of R:91, G:242, B:240 and CMYK values of C:0.62, M:0, Y:0.01, K:0.05. Its decimal value is 6025968.

Hex triplet	5bf2f0	`#5bf2f0`
RGB Decimal	91, 242, 240	`rgb(91,242,240)`
RGB Percent	35.7, 94.9, 94.1	`rgb(35.7%,94.9%,94.1%)`
CMYK	62, 0, 1, 5
HSL	179.2°, 85.3, 65.3	`hsl(179.2,85.3%,65.3%)`
HSV (or HSB)	179.2°, 62.4, 94.9
Web Safe	66ffff	`#66ffff`

CIE-LAB	87.976, -39.785, -10.901
XYZ	51.79, 72.015, 93.604
xyY	0.238, 0.331, 72.015
CIE-LCH	87.976, 41.251, 195.323
CIE-LUV	87.976, -58.571, -10.963
Hunter-Lab	84.862, -39.572, -5.995
Binary	01011011, 11110010, 11110000

#5bf2f0
```
#5bf2f0 rgb(91,242,240)
```
#f25b5d
```
#f25b5d rgb(242,91,93)
```

Complementary Color

#5bf2a5
```
#5bf2a5 rgb(91,242,165)
```
#5bf2f0
```
#5bf2f0 rgb(91,242,240)
```
#5ba9f2
```
#5ba9f2 rgb(91,169,242)
```

Analogous Color

#f2a55b
```
#f2a55b rgb(242,165,91)
```
#5bf2f0
```
#5bf2f0 rgb(91,242,240)
```
#f25ba9
```
#f25ba9 rgb(242,91,169)
```

Split Complementary Color

#f2f05b
```
#f2f05b rgb(242,240,91)
```
#5bf2f0
```
#5bf2f0 rgb(91,242,240)
```
#f05bf2
```
#f05bf2 rgb(240,91,242)
```

Triadic Color

#5df25b
```
#5df25b rgb(93,242,91)
```
#5bf2f0
```
#5bf2f0 rgb(91,242,240)
```
#f05bf2
```
#f05bf2 rgb(240,91,242)
```
#f25b5d
```
#f25b5d rgb(242,91,93)
```

Tetradic Color

#14ecea
```
#14ecea rgb(20,236,234)
```
#2ceeec
```
#2ceeec rgb(44,238,236)
```
#43f0ee
```
#43f0ee rgb(67,240,238)
```
#5bf2f0
```
#5bf2f0 rgb(91,242,240)
```
#73f4f2
```
#73f4f2 rgb(115,244,242)
```
#8af6f4
```
#8af6f4 rgb(138,246,244)
```
#a2f8f6
```
#a2f8f6 rgb(162,248,246)
```

Monochromatic Color

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

#5bf2ca
```
#5bf2ca rgb(91,242,202)
```
#5bf2d7
```
#5bf2d7 rgb(91,242,215)
```
#5bf2e3
```
#5bf2e3 rgb(91,242,227)
```
#5bf2f0
```
#5bf2f0 rgb(91,242,240)
```
#5be7f2
```
#5be7f2 rgb(91,231,242)
```
#5bdbf2
```
#5bdbf2 rgb(91,219,242)
```
#5bcef2
```
#5bcef2 rgb(91,206,242)
```

Similar Colors

Text with hexadecimal color #5bf2f0

This text has a font color of #5bf2f0.

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

#5bf2f0 background color

This paragraph has a background color of #5bf2f0.

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

#5bf2f0 border color

This element has a border color of #5bf2f0.

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

CSS codes

.text {color:#5bf2f0;}

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

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

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

#011212
```
#011212 rgb(1,18,18)
```
#032423
```
#032423 rgb(3,36,35)
```
#043635
```
#043635 rgb(4,54,53)
```
#064847
```
#064847 rgb(6,72,71)
```
#075a59
```
#075a59 rgb(7,90,89)
```
#096d6b
```
#096d6b rgb(9,109,107)
```
#0a7f7d
```
#0a7f7d rgb(10,127,125)
```
#0b918f
```
#0b918f rgb(11,145,143)
```
#0da3a1
```
#0da3a1 rgb(13,163,161)
```
#0eb5b3
```
#0eb5b3 rgb(14,181,179)
```
#10c7c5
```
#10c7c5 rgb(16,199,197)
```
#11dad7
```
#11dad7 rgb(17,218,215)
```
#13ece9
```
#13ece9 rgb(19,236,233)
```

Shade Color Variation

#24eeeb
```
#24eeeb rgb(36,238,235)
```
#37efed
```
#37efed rgb(55,239,237)
```
#49f1ee
```
#49f1ee rgb(73,241,238)
```
#5bf2f0
```
#5bf2f0 rgb(91,242,240)
```
#6df3f2
```
#6df3f2 rgb(109,243,242)
```
#7ff5f3
```
#7ff5f3 rgb(127,245,243)
```
#92f6f5
```
#92f6f5 rgb(146,246,245)
```
#a4f8f7
```
#a4f8f7 rgb(164,248,247)
```
#b6f9f8
```
#b6f9f8 rgb(182,249,248)
```
#c8fbfa
```
#c8fbfa rgb(200,251,250)
```
#dafcfc
```
#dafcfc rgb(218,252,252)
```
#ecfefd
```
#ecfefd rgb(236,254,253)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#a6a7a7
```
#a6a7a7 rgb(166,167,167)
```
#9faeae
```
#9faeae rgb(159,174,174)
```
#98b5b4
```
#98b5b4 rgb(152,181,180)
```
#91bcbb
```
#91bcbb rgb(145,188,187)
```
#8bc2c2
```
#8bc2c2 rgb(139,194,194)
```
#84c9c8
```
#84c9c8 rgb(132,201,200)
```
#7dd0cf
```
#7dd0cf rgb(125,208,207)
```
#76d7d5
```
#76d7d5 rgb(118,215,213)
```
#6fdedc
```
#6fdedc rgb(111,222,220)
```
#69e4e3
```
#69e4e3 rgb(105,228,227)
```
#62ebe9
```
#62ebe9 rgb(98,235,233)
```
#5bf2f0
```
#5bf2f0 rgb(91,242,240)
```
#54f9f7
```
#54f9f7 rgb(84,249,247)
```

Tone Color Variation

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

#c5c5c5 Achromatopsia 0.005% of the population
#b0cece Atypical Achromatopsia 0.001% of the population

Dichromacy

#e0dde4 Protanopia 1% of men
#e5d9fa Deuteranopia 1% of men
#7ceeff Tritanopia 0.001% of the population

Trichromacy

#afe4e8 Protanomaly 1% of men, 0.01% of women
#b3e2f6 Deuteranomaly 6% of men, 0.4% of women
#70eff9 Tritanomaly 0.01% of the population

#5bf2f0 hex color

#5bf2f0 Color Information

#5bf2f0 Color Conversion

Color Schemes with #5bf2f0

Alternatives to #5bf2f0

#5bf2f0 Preview

Shades and Tints of #5bf2f0

Tones of #5bf2f0

Color Blindness Simulator