#5dc1dc hex color

In a RGB color space, hex #5dc1dc is composed of 36.5% red, 75.7% green and 86.3% blue. Whereas in a CMYK color space, it is composed of 57.7% cyan, 12.3% magenta, 0% yellow and 13.7% black. It has a hue angle of 192.8 degrees, a saturation of 64.5% and a lightness of 61.4%. #5dc1dc color hex could be obtained by blending #baffff with #0083b9. Closest websafe color is: #66cccc.

♥
- f
- t
- g
- R 36
- G 76
- B 86
RGB color chart
- C 58
- M 12
- Y 0
- K 14
CMYK color chart

● #5dc1dc color description : Soft cyan.

The hexadecimal color #5dc1dc has RGB values of R:93, G:193, B:220 and CMYK values of C:0.58, M:0.12, Y:0, K:0.14. Its decimal value is 6144476.

Hex triplet	5dc1dc	`#5dc1dc`
RGB Decimal	93, 193, 220	`rgb(93,193,220)`
RGB Percent	36.5, 75.7, 86.3	`rgb(36.5%,75.7%,86.3%)`
CMYK	58, 12, 0, 14
HSL	192.8°, 64.5, 61.4	`hsl(192.8,64.5%,61.4%)`
HSV (or HSB)	192.8°, 57.7, 86.3
Web Safe	66cccc	`#66cccc`

CIE-LAB	73.306, -21.512, -22.332
XYZ	36.499, 45.632, 74.591
xyY	0.233, 0.291, 45.632
CIE-LCH	73.306, 31.008, 226.071
CIE-LUV	73.306, -41.269, -32.05
Hunter-Lab	67.551, -21.768, -18.183
Binary	01011101, 11000001, 11011100

#5dc1dc
```
#5dc1dc rgb(93,193,220)
```
#dc785d
```
#dc785d rgb(220,120,93)
```

Complementary Color

#5ddcb8
```
#5ddcb8 rgb(93,220,184)
```
#5dc1dc
```
#5dc1dc rgb(93,193,220)
```
#5d82dc
```
#5d82dc rgb(93,130,220)
```

Analogous Color

#dcb85d
```
#dcb85d rgb(220,184,93)
```
#5dc1dc
```
#5dc1dc rgb(93,193,220)
```
#dc5d82
```
#dc5d82 rgb(220,93,130)
```

Split Complementary Color

#c1dc5d
```
#c1dc5d rgb(193,220,93)
```
#5dc1dc
```
#5dc1dc rgb(93,193,220)
```
#dc5dc1
```
#dc5dc1 rgb(220,93,193)
```

Triadic Color

#5ddc78
```
#5ddc78 rgb(93,220,120)
```
#5dc1dc
```
#5dc1dc rgb(93,193,220)
```
#dc5dc1
```
#dc5dc1 rgb(220,93,193)
```
#dc785d
```
#dc785d rgb(220,120,93)
```

Tetradic Color

#2aa2c2
```
#2aa2c2 rgb(42,162,194)
```
#33b1d3
```
#33b1d3 rgb(51,177,211)
```
#48b9d7
```
#48b9d7 rgb(72,185,215)
```
#5dc1dc
```
#5dc1dc rgb(93,193,220)
```
#72c9e1
```
#72c9e1 rgb(114,201,225)
```
#87d1e5
```
#87d1e5 rgb(135,209,229)
```
#9cd9ea
```
#9cd9ea rgb(156,217,234)
```

Monochromatic Color

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

#5ddcd7
```
#5ddcd7 rgb(93,220,215)
```
#5dd6dc
```
#5dd6dc rgb(93,214,220)
```
#5dccdc
```
#5dccdc rgb(93,204,220)
```
#5dc1dc
```
#5dc1dc rgb(93,193,220)
```
#5db6dc
```
#5db6dc rgb(93,182,220)
```
#5dacdc
```
#5dacdc rgb(93,172,220)
```
#5da1dc
```
#5da1dc rgb(93,161,220)
```

Similar Colors

Text with hexadecimal color #5dc1dc

This text has a font color of #5dc1dc.

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

#5dc1dc background color

This paragraph has a background color of #5dc1dc.

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

#5dc1dc border color

This element has a border color of #5dc1dc.

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

CSS codes

.text {color:#5dc1dc;}

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

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

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, #030d0f is the darkest color, while #feffff is the lightest one.

#030d0f
```
#030d0f rgb(3,13,15)
```
#071a20
```
#071a20 rgb(7,26,32)
```
#0a2830
```
#0a2830 rgb(10,40,48)
```
#0e3540
```
#0e3540 rgb(14,53,64)
```
#114350
```
#114350 rgb(17,67,80)
```
#155060
```
#155060 rgb(21,80,96)
```
#185e70
```
#185e70 rgb(24,94,112)
```
#1c6b80
```
#1c6b80 rgb(28,107,128)
```
#1f7890
```
#1f7890 rgb(31,120,144)
```
#2386a1
```
#2386a1 rgb(35,134,161)
```
#2693b1
```
#2693b1 rgb(38,147,177)
```
#2aa1c1
```
#2aa1c1 rgb(42,161,193)
```
#2daed1
```
#2daed1 rgb(45,174,209)
```

Shade Color Variation

#3db5d5
```
#3db5d5 rgb(61,181,213)
```
#4dbbd9
```
#4dbbd9 rgb(77,187,217)
```
#5dc1dc
```
#5dc1dc rgb(93,193,220)
```
#6dc7df
```
#6dc7df rgb(109,199,223)
```
#7dcde3
```
#7dcde3 rgb(125,205,227)
```
#8dd4e6
```
#8dd4e6 rgb(141,212,230)
```
#9edaea
```
#9edaea rgb(158,218,234)
```
#aee0ed
```
#aee0ed rgb(174,224,237)
```
#bee6f1
```
#bee6f1 rgb(190,230,241)
```
#ceecf4
```
#ceecf4 rgb(206,236,244)
```
#def2f8
```
#def2f8 rgb(222,242,248)
```
#eef9fb
```
#eef9fb rgb(238,249,251)
```
#feffff
```
#feffff rgb(254,255,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #9a9e9f is the less saturated color, while #3fd2fa is the most saturated one.

#9a9e9f
```
#9a9e9f rgb(154,158,159)
```
#92a3a7
```
#92a3a7 rgb(146,163,167)
```
#8aa7af
```
#8aa7af rgb(138,167,175)
```
#83abb6
```
#83abb6 rgb(131,171,182)
```
#7bb0be
```
#7bb0be rgb(123,176,190)
```
#74b4c5
```
#74b4c5 rgb(116,180,197)
```
#6cb8cd
```
#6cb8cd rgb(108,184,205)
```
#65bdd4
```
#65bdd4 rgb(101,189,212)
```
#5dc1dc
```
#5dc1dc rgb(93,193,220)
```
#55c5e4
```
#55c5e4 rgb(85,197,228)
```
#4ecaeb
```
#4ecaeb rgb(78,202,235)
```
#46cef3
```
#46cef3 rgb(70,206,243)
```
#3fd2fa
```
#3fd2fa rgb(63,210,250)
```

Tone Color Variation

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

#a6a6a6 Achromatopsia 0.005% of the population
#97abb1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b1b6d5 Protanopia 1% of men
#b0b4e3 Deuteranopia 1% of men
#60c5d4 Tritanopia 0.001% of the population

Trichromacy

#92bad7 Protanomaly 1% of men, 0.01% of women
#92b9e0 Deuteranomaly 6% of men, 0.4% of women
#5fc4d7 Tritanomaly 0.01% of the population

#5dc1dc hex color

#5dc1dc Color Information

#5dc1dc Color Conversion

Color Schemes with #5dc1dc

Alternatives to #5dc1dc

#5dc1dc Preview

Shades and Tints of #5dc1dc

Tones of #5dc1dc

Color Blindness Simulator