#5bf3f0 hex color

In a RGB color space, hex #5bf3f0 is composed of 35.7% red, 95.3% green and 94.1% blue. Whereas in a CMYK color space, it is composed of 62.6% cyan, 0% magenta, 1.2% yellow and 4.7% black. It has a hue angle of 178.8 degrees, a saturation of 86.4% and a lightness of 65.5%. #5bf3f0 color hex could be obtained by blending #b6ffff with #00e7e1. Closest websafe color is: #66ffff.

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

● #5bf3f0 color description : Soft cyan.

The hexadecimal color #5bf3f0 has RGB values of R:91, G:243, B:240 and CMYK values of C:0.63, M:0, Y:0.01, K:0.05. Its decimal value is 6026224.

Hex triplet	5bf3f0	`#5bf3f0`
RGB Decimal	91, 243, 240	`rgb(91,243,240)`
RGB Percent	35.7, 95.3, 94.1	`rgb(35.7%,95.3%,94.1%)`
CMYK	63, 0, 1, 5
HSL	178.8°, 86.4, 65.5	`hsl(178.8,86.4%,65.5%)`
HSV (or HSB)	178.8°, 62.6, 95.3
Web Safe	66ffff	`#66ffff`

CIE-LAB	88.262, -40.237, -10.474
XYZ	52.088, 72.612, 93.704
xyY	0.238, 0.332, 72.612
CIE-LCH	88.262, 41.578, 194.591
CIE-LUV	88.262, -58.928, -10.199
Hunter-Lab	85.213, -40.01, -5.549
Binary	01011011, 11110011, 11110000

#5bf3f0
```
#5bf3f0 rgb(91,243,240)
```
#f35b5e
```
#f35b5e rgb(243,91,94)
```

Complementary Color

#5bf3a4
```
#5bf3a4 rgb(91,243,164)
```
#5bf3f0
```
#5bf3f0 rgb(91,243,240)
```
#5baaf3
```
#5baaf3 rgb(91,170,243)
```

Analogous Color

#f3a45b
```
#f3a45b rgb(243,164,91)
```
#5bf3f0
```
#5bf3f0 rgb(91,243,240)
```
#f35baa
```
#f35baa rgb(243,91,170)
```

Split Complementary Color

#f3f05b
```
#f3f05b rgb(243,240,91)
```
#5bf3f0
```
#5bf3f0 rgb(91,243,240)
```
#f05bf3
```
#f05bf3 rgb(240,91,243)
```

Triadic Color

#5ef35b
```
#5ef35b rgb(94,243,91)
```
#5bf3f0
```
#5bf3f0 rgb(91,243,240)
```
#f05bf3
```
#f05bf3 rgb(240,91,243)
```
#f35b5e
```
#f35b5e rgb(243,91,94)
```

Tetradic Color

#14eee9
```
#14eee9 rgb(20,238,233)
```
#2bf0ec
```
#2bf0ec rgb(43,240,236)
```
#43f1ee
```
#43f1ee rgb(67,241,238)
```
#5bf3f0
```
#5bf3f0 rgb(91,243,240)
```
#73f5f2
```
#73f5f2 rgb(115,245,242)
```
#8bf6f4
```
#8bf6f4 rgb(139,246,244)
```
#a2f8f7
```
#a2f8f7 rgb(162,248,247)
```

Monochromatic Color

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

#5bf3ca
```
#5bf3ca rgb(91,243,202)
```
#5bf3d7
```
#5bf3d7 rgb(91,243,215)
```
#5bf3e3
```
#5bf3e3 rgb(91,243,227)
```
#5bf3f0
```
#5bf3f0 rgb(91,243,240)
```
#5be9f3
```
#5be9f3 rgb(91,233,243)
```
#5bddf3
```
#5bddf3 rgb(91,221,243)
```
#5bd0f3
```
#5bd0f3 rgb(91,208,243)
```

Similar Colors

Text with hexadecimal color #5bf3f0

This text has a font color of #5bf3f0.

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

#5bf3f0 background color

This paragraph has a background color of #5bf3f0.

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

#5bf3f0 border color

This element has a border color of #5bf3f0.

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

CSS codes

.text {color:#5bf3f0;}

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

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

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

#000100
```
#000100 rgb(0,1,0)
```
#011312
```
#011312 rgb(1,19,18)
```
#032524
```
#032524 rgb(3,37,36)
```
#043736
```
#043736 rgb(4,55,54)
```
#054a48
```
#054a48 rgb(5,74,72)
```
#075c5a
```
#075c5a rgb(7,92,90)
```
#086e6c
```
#086e6c rgb(8,110,108)
```
#09807e
```
#09807e rgb(9,128,126)
```
#0b9390
```
#0b9390 rgb(11,147,144)
```
#0ca5a2
```
#0ca5a2 rgb(12,165,162)
```
#0db7b4
```
#0db7b4 rgb(13,183,180)
```
#0fcac6
```
#0fcac6 rgb(15,202,198)
```
#10dcd8
```
#10dcd8 rgb(16,220,216)
```

Shade Color Variation

#12eee9
```
#12eee9 rgb(18,238,233)
```
#24efeb
```
#24efeb rgb(36,239,235)
```
#36f0ed
```
#36f0ed rgb(54,240,237)
```
#49f2ee
```
#49f2ee rgb(73,242,238)
```
#5bf3f0
```
#5bf3f0 rgb(91,243,240)
```
#6df4f2
```
#6df4f2 rgb(109,244,242)
```
#80f6f3
```
#80f6f3 rgb(128,246,243)
```
#92f7f5
```
#92f7f5 rgb(146,247,245)
```
#a4f8f7
```
#a4f8f7 rgb(164,248,247)
```
#b6faf8
```
#b6faf8 rgb(182,250,248)
```
#c9fbfa
```
#c9fbfa rgb(201,251,250)
```
#dbfcfc
```
#dbfcfc rgb(219,252,252)
```
#edfefd
```
#edfefd rgb(237,254,253)
```

Tint Color Variation

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

#a5a9a8
```
#a5a9a8 rgb(165,169,168)
```
#9fafaf
```
#9fafaf rgb(159,175,175)
```
#98b6b5
```
#98b6b5 rgb(152,182,181)
```
#91bdbc
```
#91bdbc rgb(145,189,188)
```
#8ac4c2
```
#8ac4c2 rgb(138,196,194)
```
#84cac9
```
#84cac9 rgb(132,202,201)
```
#7dd1cf
```
#7dd1cf rgb(125,209,207)
```
#76d8d6
```
#76d8d6 rgb(118,216,214)
```
#6fdfdc
```
#6fdfdc rgb(111,223,220)
```
#69e5e3
```
#69e5e3 rgb(105,229,227)
```
#62ece9
```
#62ece9 rgb(98,236,233)
```
#5bf3f0
```
#5bf3f0 rgb(91,243,240)
```
#54faf7
```
#54faf7 rgb(84,250,247)
```

Tone Color Variation

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

#e1dde4 Protanopia 1% of men
#e6d9fa Deuteranopia 1% of men
#81efff Tritanopia 0.001% of the population

Trichromacy

#b0e5e8 Protanomaly 1% of men, 0.01% of women
#b3e3f6 Deuteranomaly 6% of men, 0.4% of women
#73f0f9 Tritanomaly 0.01% of the population

#5bf3f0 hex color

#5bf3f0 Color Information

#5bf3f0 Color Conversion

Color Schemes with #5bf3f0

Alternatives to #5bf3f0

#5bf3f0 Preview

Shades and Tints of #5bf3f0

Tones of #5bf3f0

Color Blindness Simulator