colorhexa.com

#5cbdc1 hex color

In a RGB color space, hex #5cbdc1 is composed of 36.1% red, 74.1% green and 75.7% blue. Whereas in a CMYK color space, it is composed of 52.3% cyan, 2.1% magenta, 0% yellow and 24.3% black. It has a hue angle of 182.4 degrees, a saturation of 44.9% and a lightness of 55.9%. #5cbdc1 color hex could be obtained by blending #b8ffff with #007b83. Closest websafe color is: #66cccc.

- R 36
- G 74
- B 76
RGB color chart
- C 52
- M 2
- Y 0
- K 24
CMYK color chart

● #5cbdc1 color description : Moderate cyan.

The hexadecimal color #5cbdc1 has RGB values of R:92, G:189, B:193 and CMYK values of C:0.52, M:0.02, Y:0, K:0.24. Its decimal value is 6077889.

Hex triplet	5cbdc1	`#5cbdc1`
RGB Decimal	92, 189, 193	`rgb(92,189,193)`
RGB Percent	36.1, 74.1, 75.7	`rgb(36.1%,74.1%,75.7%)`
CMYK	52, 2, 0, 24
HSL	182.4°, 44.9, 55.9	`hsl(182.4,44.9%,55.9%)`
HSV (or HSB)	182.4°, 52.3, 75.7
Web Safe	66cccc	`#66cccc`

CIE-LAB	71.227, -27.296, -10.757
XYZ	32.234, 42.518, 56.957
xyY	0.245, 0.323, 42.518
CIE-LCH	71.227, 29.34, 201.509
CIE-LUV	71.227, -41.21, -12.278
Hunter-Lab	65.206, -25.871, -6.145
Binary	01011100, 10111101, 11000001

#5cbdc1
```
#5cbdc1 rgb(92,189,193)
```
#c1605c
```
#c1605c rgb(193,96,92)
```

Complementary Color

#5cc193
```
#5cc193 rgb(92,193,147)
```
#5cbdc1
```
#5cbdc1 rgb(92,189,193)
```
#5c8bc1
```
#5c8bc1 rgb(92,139,193)
```

Analogous Color

#c1935c
```
#c1935c rgb(193,147,92)
```
#5cbdc1
```
#5cbdc1 rgb(92,189,193)
```
#c15c8b
```
#c15c8b rgb(193,92,139)
```

Split Complementary Color

#bdc15c
```
#bdc15c rgb(189,193,92)
```
#5cbdc1
```
#5cbdc1 rgb(92,189,193)
```
#c15cbd
```
#c15cbd rgb(193,92,189)
```

Triadic Color

#5cc160
```
#5cc160 rgb(92,193,96)
```
#5cbdc1
```
#5cbdc1 rgb(92,189,193)
```
#c15cbd
```
#c15cbd rgb(193,92,189)
```
#c1605c
```
#c1605c rgb(193,96,92)
```

Tetradic Color

#399397
```
#399397 rgb(57,147,151)
```
#40a5aa
```
#40a5aa rgb(64,165,170)
```
#4ab6ba
```
#4ab6ba rgb(74,182,186)
```
#5cbdc1
```
#5cbdc1 rgb(92,189,193)
```
#6ec4c8
```
#6ec4c8 rgb(110,196,200)
```
#81cccf
```
#81cccf rgb(129,204,207)
```
#93d3d6
```
#93d3d6 rgb(147,211,214)
```

Monochromatic Color

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

#5cc1ac
```
#5cc1ac rgb(92,193,172)
```
#5cc1b4
```
#5cc1b4 rgb(92,193,180)
```
#5cc1bd
```
#5cc1bd rgb(92,193,189)
```
#5cbdc1
```
#5cbdc1 rgb(92,189,193)
```
#5cb5c1
```
#5cb5c1 rgb(92,181,193)
```
#5cacc1
```
#5cacc1 rgb(92,172,193)
```
#5ca4c1
```
#5ca4c1 rgb(92,164,193)
```

Similar Colors

Text with hexadecimal color #5cbdc1

This text has a font color of #5cbdc1.

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

#5cbdc1 background color

This paragraph has a background color of #5cbdc1.

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

#5cbdc1 border color

This element has a border color of #5cbdc1.

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

CSS codes

.text {color:#5cbdc1;}

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

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

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

#030708
```
#030708 rgb(3,7,8)
```
#081516
```
#081516 rgb(8,21,22)
```
#0e2324
```
#0e2324 rgb(14,35,36)
```
#133132
```
#133132 rgb(19,49,50)
```
#183f40
```
#183f40 rgb(24,63,64)
```
#1e4d4f
```
#1e4d4f rgb(30,77,79)
```
#235b5d
```
#235b5d rgb(35,91,93)
```
#29686b
```
#29686b rgb(41,104,107)
```
#2e7679
```
#2e7679 rgb(46,118,121)
```
#348487
```
#348487 rgb(52,132,135)
```
#399296
```
#399296 rgb(57,146,150)
```
#3ea0a4
```
#3ea0a4 rgb(62,160,164)
```
#44aeb2
```
#44aeb2 rgb(68,174,178)
```

Shade Color Variation

#4eb7bc
```
#4eb7bc rgb(78,183,188)
```
#5cbdc1
```
#5cbdc1 rgb(92,189,193)
```
#6ac3c6
```
#6ac3c6 rgb(106,195,198)
```
#78c9cc
```
#78c9cc rgb(120,201,204)
```
#87ced1
```
#87ced1 rgb(135,206,209)
```
#95d4d7
```
#95d4d7 rgb(149,212,215)
```
#a3dadc
```
#a3dadc rgb(163,218,220)
```
#b1e0e1
```
#b1e0e1 rgb(177,224,225)
```
#bfe5e7
```
#bfe5e7 rgb(191,229,231)
```
#ceebec
```
#ceebec rgb(206,235,236)
```
#dcf1f2
```
#dcf1f2 rgb(220,241,242)
```
#eaf7f7
```
#eaf7f7 rgb(234,247,247)
```
#f8fcfc
```
#f8fcfc rgb(248,252,252)
```

Tint Color Variation

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

#879596
```
#879596 rgb(135,149,150)
```
#7f9d9e
```
#7f9d9e rgb(127,157,158)
```
#76a5a7
```
#76a5a7 rgb(118,165,167)
```
#6dadb0
```
#6dadb0 rgb(109,173,176)
```
#65b5b8
```
#65b5b8 rgb(101,181,184)
```
#5cbdc1
```
#5cbdc1 rgb(92,189,193)
```
#53c5ca
```
#53c5ca rgb(83,197,202)
```
#4bcdd2
```
#4bcdd2 rgb(75,205,210)
```
#42d5db
```
#42d5db rgb(66,213,219)
```
#39dde4
```
#39dde4 rgb(57,221,228)
```
#31e5ec
```
#31e5ec rgb(49,229,236)
```
#28edf5
```
#28edf5 rgb(40,237,245)
```
#1ff5fe
```
#1ff5fe rgb(31,245,254)
```

Tone Color Variation

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

#a0a0a0 Achromatopsia 0.005% of the population
#92a6a7 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b2b1bb Protanopia 1% of men
#b7aeca Deuteranopia 1% of men
#68bfcc Tritanopia 0.001% of the population

Trichromacy

#93b5bd Protanomaly 1% of men, 0.01% of women
#95b3c7 Deuteranomaly 6% of men, 0.4% of women
#63bec8 Tritanomaly 0.01% of the population