#5bd4ed hex color

In a RGB color space, hex #5bd4ed is composed of 35.7% red, 83.1% green and 92.9% blue. Whereas in a CMYK color space, it is composed of 61.6% cyan, 10.5% magenta, 0% yellow and 7.1% black. It has a hue angle of 190.3 degrees, a saturation of 80.2% and a lightness of 64.3%. #5bd4ed color hex could be obtained by blending #b6ffff with #00a9db. Closest websafe color is: #66ccff.

♥
- f
- t
- g
- R 36
- G 83
- B 93
RGB color chart
- C 62
- M 11
- Y 0
- K 7
CMYK color chart

● #5bd4ed color description : Soft cyan.

The hexadecimal color #5bd4ed has RGB values of R:91, G:212, B:237 and CMYK values of C:0.62, M:0.11, Y:0, K:0.07. Its decimal value is 6018285.

Hex triplet	5bd4ed	`#5bd4ed`
RGB Decimal	91, 212, 237	`rgb(91,212,237)`
RGB Percent	35.7, 83.1, 92.9	`rgb(35.7%,83.1%,92.9%)`
CMYK	62, 11, 0, 7
HSL	190.3°, 80.2, 64.3	`hsl(190.3,80.2%,64.3%)`
HSV (or HSB)	190.3°, 61.6, 92.9
Web Safe	66ccff	`#66ccff`

CIE-LAB	79.284, -26.454, -22.394
XYZ	43.14, 55.422, 88.54
xyY	0.231, 0.296, 55.422
CIE-LCH	79.284, 34.66, 220.249
CIE-LUV	79.284, -47.911, -31.775
Hunter-Lab	74.446, -26.844, -18.403
Binary	01011011, 11010100, 11101101

#5bd4ed
```
#5bd4ed rgb(91,212,237)
```
#ed745b
```
#ed745b rgb(237,116,91)
```

Complementary Color

#5bedbd
```
#5bedbd rgb(91,237,189)
```
#5bd4ed
```
#5bd4ed rgb(91,212,237)
```
#5b8bed
```
#5b8bed rgb(91,139,237)
```

Analogous Color

#edbd5b
```
#edbd5b rgb(237,189,91)
```
#5bd4ed
```
#5bd4ed rgb(91,212,237)
```
#ed5b8b
```
#ed5b8b rgb(237,91,139)
```

Split Complementary Color

#d4ed5b
```
#d4ed5b rgb(212,237,91)
```
#5bd4ed
```
#5bd4ed rgb(91,212,237)
```
#ed5bd4
```
#ed5bd4 rgb(237,91,212)
```

Triadic Color

#5bed74
```
#5bed74 rgb(91,237,116)
```
#5bd4ed
```
#5bd4ed rgb(91,212,237)
```
#ed5bd4
```
#ed5bd4 rgb(237,91,212)
```
#ed745b
```
#ed745b rgb(237,116,91)
```

Tetradic Color

#19c0e3
```
#19c0e3 rgb(25,192,227)
```
#2dc8e8
```
#2dc8e8 rgb(45,200,232)
```
#44ceea
```
#44ceea rgb(68,206,234)
```
#5bd4ed
```
#5bd4ed rgb(91,212,237)
```
#72daf0
```
#72daf0 rgb(114,218,240)
```
#89e0f2
```
#89e0f2 rgb(137,224,242)
```
#a0e6f5
```
#a0e6f5 rgb(160,230,245)
```

Monochromatic Color

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

#5bede2
```
#5bede2 rgb(91,237,226)
```
#5beced
```
#5beced rgb(91,236,237)
```
#5be0ed
```
#5be0ed rgb(91,224,237)
```
#5bd4ed
```
#5bd4ed rgb(91,212,237)
```
#5bc8ed
```
#5bc8ed rgb(91,200,237)
```
#5bbced
```
#5bbced rgb(91,188,237)
```
#5bb0ed
```
#5bb0ed rgb(91,176,237)
```

Similar Colors

Text with hexadecimal color #5bd4ed

This text has a font color of #5bd4ed.

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

#5bd4ed background color

This paragraph has a background color of #5bd4ed.

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

#5bd4ed border color

This element has a border color of #5bd4ed.

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

CSS codes

.text {color:#5bd4ed;}

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

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

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, #010b0d is the darkest color, while #fafefe is the lightest one.

#010b0d
```
#010b0d rgb(1,11,13)
```
#031a1e
```
#031a1e rgb(3,26,30)
```
#052930
```
#052930 rgb(5,41,48)
```
#073842
```
#073842 rgb(7,56,66)
```
#094753
```
#094753 rgb(9,71,83)
```
#0b5665
```
#0b5665 rgb(11,86,101)
```
#0d6577
```
#0d6577 rgb(13,101,119)
```
#0f7488
```
#0f7488 rgb(15,116,136)
```
#11839a
```
#11839a rgb(17,131,154)
```
#1392ac
```
#1392ac rgb(19,146,172)
```
#15a1be
```
#15a1be rgb(21,161,190)
```
#17b0cf
```
#17b0cf rgb(23,176,207)
```
#19bfe1
```
#19bfe1 rgb(25,191,225)
```

Shade Color Variation

#26c6e7
```
#26c6e7 rgb(38,198,231)
```
#38cbe9
```
#38cbe9 rgb(56,203,233)
```
#49cfeb
```
#49cfeb rgb(73,207,235)
```
#5bd4ed
```
#5bd4ed rgb(91,212,237)
```
#6dd9ef
```
#6dd9ef rgb(109,217,239)
```
#7eddf1
```
#7eddf1 rgb(126,221,241)
```
#90e2f3
```
#90e2f3 rgb(144,226,243)
```
#a2e7f5
```
#a2e7f5 rgb(162,231,245)
```
#b3ebf7
```
#b3ebf7 rgb(179,235,247)
```
#c5f0f9
```
#c5f0f9 rgb(197,240,249)
```
#d7f4fb
```
#d7f4fb rgb(215,244,251)
```
#e8f9fd
```
#e8f9fd rgb(232,249,253)
```
#fafefe
```
#fafefe rgb(250,254,254)
```

Tint Color Variation

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

#a1a6a7
```
#a1a6a7 rgb(161,166,167)
```
#9aabae
```
#9aabae rgb(154,171,174)
```
#93afb5
```
#93afb5 rgb(147,175,181)
```
#8cb4bc
```
#8cb4bc rgb(140,180,188)
```
#85b8c3
```
#85b8c3 rgb(133,184,195)
```
#7ebdca
```
#7ebdca rgb(126,189,202)
```
#77c2d1
```
#77c2d1 rgb(119,194,209)
```
#70c6d8
```
#70c6d8 rgb(112,198,216)
```
#69cbdf
```
#69cbdf rgb(105,203,223)
```
#62cfe6
```
#62cfe6 rgb(98,207,230)
```
#5bd4ed
```
#5bd4ed rgb(91,212,237)
```
#54d9f4
```
#54d9f4 rgb(84,217,244)
```
#4dddfb
```
#4dddfb rgb(77,221,251)
```

Tone Color Variation

Below, you can see how #5bd4ed 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
#a1babf Atypical Achromatopsia 0.001% of the population

Dichromacy

#c1c5e3 Protanopia 1% of men
#c1c3f4 Deuteranopia 1% of men
#5fd7e7 Tritanopia 0.001% of the population

Trichromacy

#9ccbe7 Protanomaly 1% of men, 0.01% of women
#9cc9f1 Deuteranomaly 6% of men, 0.4% of women
#5dd6e9 Tritanomaly 0.01% of the population

#5bd4ed hex color

#5bd4ed Color Information

#5bd4ed Color Conversion

Color Schemes with #5bd4ed

Alternatives to #5bd4ed

#5bd4ed Preview

Shades and Tints of #5bd4ed

Tones of #5bd4ed

Color Blindness Simulator