#5dc4b4 hex color

In a RGB color space, hex #5dc4b4 is composed of 36.5% red, 76.9% green and 70.6% blue. Whereas in a CMYK color space, it is composed of 52.6% cyan, 0% magenta, 8.2% yellow and 23.1% black. It has a hue angle of 170.7 degrees, a saturation of 46.6% and a lightness of 56.7%. #5dc4b4 color hex could be obtained by blending #baffff with #008969. Closest websafe color is: #66cccc.

♥
- f
- t
- g
- R 36
- G 77
- B 71
RGB color chart
- C 53
- M 0
- Y 8
- K 23
CMYK color chart

● #5dc4b4 color description : Moderate cyan.

The hexadecimal color #5dc4b4 has RGB values of R:93, G:196, B:180 and CMYK values of C:0.53, M:0, Y:0.08, K:0.23. Its decimal value is 6145204.

Hex triplet	5dc4b4	`#5dc4b4`
RGB Decimal	93, 196, 180	`rgb(93,196,180)`
RGB Percent	36.5, 76.9, 70.6	`rgb(36.5%,76.9%,70.6%)`
CMYK	53, 0, 8, 23
HSL	170.7°, 46.6, 56.7	`hsl(170.7,46.6%,56.7%)`
HSV (or HSB)	170.7°, 52.6, 76.9
Web Safe	66cccc	`#66cccc`

CIE-LAB	72.958, -33.837, -1.1
XYZ	32.49, 45.1, 50.171
xyY	0.254, 0.353, 45.1
CIE-LCH	72.958, 33.855, 181.862
CIE-LUV	72.958, -44.232, 3.712
Hunter-Lab	67.156, -31.167, 2.716
Binary	01011101, 11000100, 10110100

#5dc4b4
```
#5dc4b4 rgb(93,196,180)
```
#c45d6d
```
#c45d6d rgb(196,93,109)
```

Complementary Color

#5dc481
```
#5dc481 rgb(93,196,129)
```
#5dc4b4
```
#5dc4b4 rgb(93,196,180)
```
#5da1c4
```
#5da1c4 rgb(93,161,196)
```

Analogous Color

#c4815d
```
#c4815d rgb(196,129,93)
```
#5dc4b4
```
#5dc4b4 rgb(93,196,180)
```
#c45da1
```
#c45da1 rgb(196,93,161)
```

Split Complementary Color

#c4b45d
```
#c4b45d rgb(196,180,93)
```
#5dc4b4
```
#5dc4b4 rgb(93,196,180)
```
#b45dc4
```
#b45dc4 rgb(180,93,196)
```

Triadic Color

#6dc45d
```
#6dc45d rgb(109,196,93)
```
#5dc4b4
```
#5dc4b4 rgb(93,196,180)
```
#b45dc4
```
#b45dc4 rgb(180,93,196)
```
#c45d6d
```
#c45d6d rgb(196,93,109)
```

Tetradic Color

#399c8c
```
#399c8c rgb(57,156,140)
```
#40ae9d
```
#40ae9d rgb(64,174,157)
```
#4abdab
```
#4abdab rgb(74,189,171)
```
#5dc4b4
```
#5dc4b4 rgb(93,196,180)
```
#70cbbd
```
#70cbbd rgb(112,203,189)
```
#82d2c5
```
#82d2c5 rgb(130,210,197)
```
#95d8ce
```
#95d8ce rgb(149,216,206)
```

Monochromatic Color

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

#5dc49a
```
#5dc49a rgb(93,196,154)
```
#5dc4a3
```
#5dc4a3 rgb(93,196,163)
```
#5dc4ab
```
#5dc4ab rgb(93,196,171)
```
#5dc4b4
```
#5dc4b4 rgb(93,196,180)
```
#5dc4bd
```
#5dc4bd rgb(93,196,189)
```
#5dc3c4
```
#5dc3c4 rgb(93,195,196)
```
#5dbac4
```
#5dbac4 rgb(93,186,196)
```

Similar Colors

Text with hexadecimal color #5dc4b4

This text has a font color of #5dc4b4.

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

#5dc4b4 background color

This paragraph has a background color of #5dc4b4.

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

#5dc4b4 border color

This element has a border color of #5dc4b4.

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

CSS codes

.text {color:#5dc4b4;}

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

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

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, #040b0a is the darkest color, while #fbfefd is the lightest one.

#040b0a
```
#040b0a rgb(4,11,10)
```
#091916
```
#091916 rgb(9,25,22)
```
#0e2723
```
#0e2723 rgb(14,39,35)
```
#143630
```
#143630 rgb(20,54,48)
```
#19443d
```
#19443d rgb(25,68,61)
```
#1e524a
```
#1e524a rgb(30,82,74)
```
#236157
```
#236157 rgb(35,97,87)
```
#286f64
```
#286f64 rgb(40,111,100)
```
#2e7e71
```
#2e7e71 rgb(46,126,113)
```
#338c7e
```
#338c7e rgb(51,140,126)
```
#389a8b
```
#389a8b rgb(56,154,139)
```
#3da998
```
#3da998 rgb(61,169,152)
```
#43b7a5
```
#43b7a5 rgb(67,183,165)
```

Shade Color Variation

#4fbfad
```
#4fbfad rgb(79,191,173)
```
#5dc4b4
```
#5dc4b4 rgb(93,196,180)
```
#6bc9bb
```
#6bc9bb rgb(107,201,187)
```
#7acec1
```
#7acec1 rgb(122,206,193)
```
#88d4c8
```
#88d4c8 rgb(136,212,200)
```
#97d9cf
```
#97d9cf rgb(151,217,207)
```
#a5ded5
```
#a5ded5 rgb(165,222,213)
```
#b3e3dc
```
#b3e3dc rgb(179,227,220)
```
#c2e9e3
```
#c2e9e3 rgb(194,233,227)
```
#d0eee9
```
#d0eee9 rgb(208,238,233)
```
#def3f0
```
#def3f0 rgb(222,243,240)
```
#edf8f7
```
#edf8f7 rgb(237,248,247)
```
#fbfefd
```
#fbfefd rgb(251,254,253)
```

Tint Color Variation

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

#909191
```
#909191 rgb(144,145,145)
```
#889a97
```
#889a97 rgb(136,154,151)
```
#7fa29d
```
#7fa29d rgb(127,162,157)
```
#77aba2
```
#77aba2 rgb(119,171,162)
```
#6eb3a8
```
#6eb3a8 rgb(110,179,168)
```
#66bcae
```
#66bcae rgb(102,188,174)
```
#5dc4b4
```
#5dc4b4 rgb(93,196,180)
```
#55cdba
```
#55cdba rgb(85,205,186)
```
#4cd5c0
```
#4cd5c0 rgb(76,213,192)
```
#44dec6
```
#44dec6 rgb(68,222,198)
```
#3be6cb
```
#3be6cb rgb(59,230,203)
```
#33efd1
```
#33efd1 rgb(51,239,209)
```
#2af7d7
```
#2af7d7 rgb(42,247,215)
```

Tone Color Variation

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

#a3a3a3 Achromatopsia 0.005% of the population
#95aaa6 Atypical Achromatopsia 0.001% of the population

Dichromacy

#bbb6af Protanopia 1% of men
#c3b1bf Deuteranopia 1% of men
#6fc3d1 Tritanopia 0.001% of the population

Trichromacy

#99bbb0 Protanomaly 1% of men, 0.01% of women
#9eb8bb Deuteranomaly 6% of men, 0.4% of women
#69c3c6 Tritanomaly 0.01% of the population

#5dc4b4 hex color

#5dc4b4 Color Information

#5dc4b4 Color Conversion

Color Schemes with #5dc4b4

Alternatives to #5dc4b4

#5dc4b4 Preview

Shades and Tints of #5dc4b4

Tones of #5dc4b4

Color Blindness Simulator