#5bc6d4 hex color

In a RGB color space, hex #5bc6d4 is composed of 35.7% red, 77.6% green and 83.1% blue. Whereas in a CMYK color space, it is composed of 57.1% cyan, 6.6% magenta, 0% yellow and 16.9% black. It has a hue angle of 186.9 degrees, a saturation of 58.5% and a lightness of 59.4%. #5bc6d4 color hex could be obtained by blending #b6ffff with #008da9. Closest websafe color is: #66cccc.

♥
- f
- t
- g
- R 36
- G 78
- B 83
RGB color chart
- C 57
- M 7
- Y 0
- K 17
CMYK color chart

● #5bc6d4 color description : Moderate cyan.

The hexadecimal color #5bc6d4 has RGB values of R:91, G:198, B:212 and CMYK values of C:0.57, M:0.07, Y:0, K:0.17. Its decimal value is 6014676.

Hex triplet	5bc6d4	`#5bc6d4`
RGB Decimal	91, 198, 212	`rgb(91,198,212)`
RGB Percent	35.7, 77.6, 83.1	`rgb(35.7%,77.6%,83.1%)`
CMYK	57, 7, 0, 17
HSL	186.9°, 58.5, 59.4	`hsl(186.9,58.5%,59.4%)`
HSV (or HSB)	186.9°, 57.1, 83.1
Web Safe	66cccc	`#66cccc`

CIE-LAB	74.421, -26.686, -16.31
XYZ	36.389, 47.363, 69.508
xyY	0.237, 0.309, 47.363
CIE-LCH	74.421, 31.276, 211.432
CIE-LUV	74.421, -44.004, -21.43
Hunter-Lab	68.821, -26.055, -11.707
Binary	01011011, 11000110, 11010100

#5bc6d4
```
#5bc6d4 rgb(91,198,212)
```
#d4695b
```
#d4695b rgb(212,105,91)
```

Complementary Color

#5bd4a6
```
#5bd4a6 rgb(91,212,166)
```
#5bc6d4
```
#5bc6d4 rgb(91,198,212)
```
#5b8ad4
```
#5b8ad4 rgb(91,138,212)
```

Analogous Color

#d4a65b
```
#d4a65b rgb(212,166,91)
```
#5bc6d4
```
#5bc6d4 rgb(91,198,212)
```
#d45b8a
```
#d45b8a rgb(212,91,138)
```

Split Complementary Color

#c6d45b
```
#c6d45b rgb(198,212,91)
```
#5bc6d4
```
#5bc6d4 rgb(91,198,212)
```
#d45bc6
```
#d45bc6 rgb(212,91,198)
```

Triadic Color

#5bd469
```
#5bd469 rgb(91,212,105)
```
#5bc6d4
```
#5bc6d4 rgb(91,198,212)
```
#d45bc6
```
#d45bc6 rgb(212,91,198)
```
#d4695b
```
#d4695b rgb(212,105,91)
```

Tetradic Color

#2fa4b3
```
#2fa4b3 rgb(47,164,179)
```
#34b7c8
```
#34b7c8 rgb(52,183,200)
```
#47bfcf
```
#47bfcf rgb(71,191,207)
```
#5bc6d4
```
#5bc6d4 rgb(91,198,212)
```
#6fcdd9
```
#6fcdd9 rgb(111,205,217)
```
#83d4df
```
#83d4df rgb(131,212,223)
```
#98dbe4
```
#98dbe4 rgb(152,219,228)
```

Monochromatic Color

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

#5bd4c4
```
#5bd4c4 rgb(91,212,196)
```
#5bd4ce
```
#5bd4ce rgb(91,212,206)
```
#5bd0d4
```
#5bd0d4 rgb(91,208,212)
```
#5bc6d4
```
#5bc6d4 rgb(91,198,212)
```
#5bbcd4
```
#5bbcd4 rgb(91,188,212)
```
#5bb2d4
```
#5bb2d4 rgb(91,178,212)
```
#5ba8d4
```
#5ba8d4 rgb(91,168,212)
```

Similar Colors

Text with hexadecimal color #5bc6d4

This text has a font color of #5bc6d4.

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

#5bc6d4 background color

This paragraph has a background color of #5bc6d4.

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

#5bc6d4 border color

This element has a border color of #5bc6d4.

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

CSS codes

.text {color:#5bc6d4;}

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

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

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

#020607
```
#020607 rgb(2,6,7)
```
#061516
```
#061516 rgb(6,21,22)
```
#0a2326
```
#0a2326 rgb(10,35,38)
```
#0e3136
```
#0e3136 rgb(14,49,54)
```
#123f45
```
#123f45 rgb(18,63,69)
```
#164d55
```
#164d55 rgb(22,77,85)
```
#1a5c64
```
#1a5c64 rgb(26,92,100)
```
#1e6a74
```
#1e6a74 rgb(30,106,116)
```
#227883
```
#227883 rgb(34,120,131)
```
#268693
```
#268693 rgb(38,134,147)
```
#2b94a2
```
#2b94a2 rgb(43,148,162)
```
#2fa3b2
```
#2fa3b2 rgb(47,163,178)
```
#33b1c1
```
#33b1c1 rgb(51,177,193)
```

Shade Color Variation

#3cbbcc
```
#3cbbcc rgb(60,187,204)
```
#4bc1d0
```
#4bc1d0 rgb(75,193,208)
```
#5bc6d4
```
#5bc6d4 rgb(91,198,212)
```
#6bcbd8
```
#6bcbd8 rgb(107,203,216)
```
#7ad1dc
```
#7ad1dc rgb(122,209,220)
```
#8ad6e0
```
#8ad6e0 rgb(138,214,224)
```
#99dce4
```
#99dce4 rgb(153,220,228)
```
#a9e1e8
```
#a9e1e8 rgb(169,225,232)
```
#b8e6ec
```
#b8e6ec rgb(184,230,236)
```
#c8ecf1
```
#c8ecf1 rgb(200,236,241)
```
#d7f1f5
```
#d7f1f5 rgb(215,241,245)
```
#e7f7f9
```
#e7f7f9 rgb(231,247,249)
```
#f6fcfd
```
#f6fcfd rgb(246,252,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #939b9c is the less saturated color, while #33e5fc is the most saturated one.

#939b9c
```
#939b9c rgb(147,155,156)
```
#8ba1a4
```
#8ba1a4 rgb(139,161,164)
```
#83a7ac
```
#83a7ac rgb(131,167,172)
```
#7baeb4
```
#7baeb4 rgb(123,174,180)
```
#73b4bc
```
#73b4bc rgb(115,180,188)
```
#6bbac4
```
#6bbac4 rgb(107,186,196)
```
#63c0cc
```
#63c0cc rgb(99,192,204)
```
#5bc6d4
```
#5bc6d4 rgb(91,198,212)
```
#53ccdc
```
#53ccdc rgb(83,204,220)
```
#4bd2e4
```
#4bd2e4 rgb(75,210,228)
```
#43d8ec
```
#43d8ec rgb(67,216,236)
```
#3bdef4
```
#3bdef4 rgb(59,222,244)
```
#33e5fc
```
#33e5fc rgb(51,229,252)
```

Tone Color Variation

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

#a8a8a8 Achromatopsia 0.005% of the population
#99aeb1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b8b9cd Protanopia 1% of men
#bab6dc Deuteranopia 1% of men
#64c8d7 Tritanopia 0.001% of the population

Trichromacy

#96becf Protanomaly 1% of men, 0.01% of women
#97bcd9 Deuteranomaly 6% of men, 0.4% of women
#60c7d6 Tritanomaly 0.01% of the population

#5bc6d4 hex color

#5bc6d4 Color Information

#5bc6d4 Color Conversion

Color Schemes with #5bc6d4

Alternatives to #5bc6d4

#5bc6d4 Preview

Shades and Tints of #5bc6d4

Tones of #5bc6d4

Color Blindness Simulator