#31d5cd hex color

In a RGB color space, hex #31d5cd is composed of 19.2% red, 83.5% green and 80.4% blue. Whereas in a CMYK color space, it is composed of 77% cyan, 0% magenta, 3.8% yellow and 16.5% black. It has a hue angle of 177.1 degrees, a saturation of 66.1% and a lightness of 51.4%. #31d5cd color hex could be obtained by blending #62ffff with #00ab9b. Closest websafe color is: #33cccc.

♥
- f
- t
- g
- R 19
- G 84
- B 80
RGB color chart
- C 77
- M 0
- Y 4
- K 16
CMYK color chart

● #31d5cd color description : Strong cyan.

The hexadecimal color #31d5cd has RGB values of R:49, G:213, B:205 and CMYK values of C:0.77, M:0, Y:0.04, K:0.16. Its decimal value is 3265997.

Hex triplet	31d5cd	`#31d5cd`
RGB Decimal	49, 213, 205	`rgb(49,213,205)`
RGB Percent	19.2, 83.5, 80.4	`rgb(19.2%,83.5%,80.4%)`
CMYK	77, 0, 4, 16
HSL	177.1°, 66.1, 51.4	`hsl(177.1,66.1%,51.4%)`
HSV (or HSB)	177.1°, 77, 83.5
Web Safe	33cccc	`#33cccc`

CIE-LAB	77.665, -41.71, -7.782
XYZ	36.077, 52.646, 66.015
xyY	0.233, 0.34, 52.646
CIE-LCH	77.665, 42.429, 190.568
CIE-LUV	77.665, -57.437, -5.596
Hunter-Lab	72.557, -38.222, -3.153
Binary	00110001, 11010101, 11001101

#31d5cd
```
#31d5cd rgb(49,213,205)
```
#d53139
```
#d53139 rgb(213,49,57)
```

Complementary Color

#31d57b
```
#31d57b rgb(49,213,123)
```
#31d5cd
```
#31d5cd rgb(49,213,205)
```
#318bd5
```
#318bd5 rgb(49,139,213)
```

Analogous Color

#d57b31
```
#d57b31 rgb(213,123,49)
```
#31d5cd
```
#31d5cd rgb(49,213,205)
```
#d5318b
```
#d5318b rgb(213,49,139)
```

Split Complementary Color

#d5cd31
```
#d5cd31 rgb(213,205,49)
```
#31d5cd
```
#31d5cd rgb(49,213,205)
```
#cd31d5
```
#cd31d5 rgb(205,49,213)
```

Triadic Color

#39d531
```
#39d531 rgb(57,213,49)
```
#31d5cd
```
#31d5cd rgb(49,213,205)
```
#cd31d5
```
#cd31d5 rgb(205,49,213)
```
#d53139
```
#d53139 rgb(213,49,57)
```

Tetradic Color

#1f9a94
```
#1f9a94 rgb(31,154,148)
```
#24afa8
```
#24afa8 rgb(36,175,168)
```
#28c4bd
```
#28c4bd rgb(40,196,189)
```
#31d5cd
```
#31d5cd rgb(49,213,205)
```
#46d9d2
```
#46d9d2 rgb(70,217,210)
```
#5bded7
```
#5bded7 rgb(91,222,215)
```
#71e2dc
```
#71e2dc rgb(113,226,220)
```

Monochromatic Color

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

#31d5a4
```
#31d5a4 rgb(49,213,164)
```
#31d5b2
```
#31d5b2 rgb(49,213,178)
```
#31d5bf
```
#31d5bf rgb(49,213,191)
```
#31d5cd
```
#31d5cd rgb(49,213,205)
```
#31cfd5
```
#31cfd5 rgb(49,207,213)
```
#31c2d5
```
#31c2d5 rgb(49,194,213)
```
#31b4d5
```
#31b4d5 rgb(49,180,213)
```

Similar Colors

Text with hexadecimal color #31d5cd

This text has a font color of #31d5cd.

<span style="color:#31d5cd;">Text here</span>

#31d5cd background color

This paragraph has a background color of #31d5cd.

<p style="background-color:#31d5cd;">Content here</p>

#31d5cd border color

This element has a border color of #31d5cd.

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

CSS codes

.text {color:#31d5cd;}

.background {background-color:#31d5cd;}

.border {border:1px solid #31d5cd;}

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

#010606
```
#010606 rgb(1,6,6)
```
#051615
```
#051615 rgb(5,22,21)
```
#082625
```
#082625 rgb(8,38,37)
```
#0b3735
```
#0b3735 rgb(11,55,53)
```
#0e4744
```
#0e4744 rgb(14,71,68)
```
#125754
```
#125754 rgb(18,87,84)
```
#156864
```
#156864 rgb(21,104,100)
```
#187873
```
#187873 rgb(24,120,115)
```
#1c8883
```
#1c8883 rgb(28,136,131)
```
#1f9893
```
#1f9893 rgb(31,152,147)
```
#22a9a2
```
#22a9a2 rgb(34,169,162)
```
#26b9b2
```
#26b9b2 rgb(38,185,178)
```
#29c9c2
```
#29c9c2 rgb(41,201,194)
```

Shade Color Variation

#31d5cd
```
#31d5cd rgb(49,213,205)
```
#41d8d1
```
#41d8d1 rgb(65,216,209)
```
#52dcd5
```
#52dcd5 rgb(82,220,213)
```
#62dfd9
```
#62dfd9 rgb(98,223,217)
```
#72e2dd
```
#72e2dd rgb(114,226,221)
```
#82e6e1
```
#82e6e1 rgb(130,230,225)
```
#93e9e5
```
#93e9e5 rgb(147,233,229)
```
#a3ece9
```
#a3ece9 rgb(163,236,233)
```
#b3f0ed
```
#b3f0ed rgb(179,240,237)
```
#c4f3f1
```
#c4f3f1 rgb(196,243,241)
```
#d4f6f5
```
#d4f6f5 rgb(212,246,245)
```
#e4faf9
```
#e4faf9 rgb(228,250,249)
```
#f5fdfc
```
#f5fdfc rgb(245,253,252)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #7d8988 is the less saturated color, while #0bfbef is the most saturated one.

#7d8988
```
#7d8988 rgb(125,137,136)
```
#749291
```
#749291 rgb(116,146,145)
```
#6a9c99
```
#6a9c99 rgb(106,156,153)
```
#61a5a2
```
#61a5a2 rgb(97,165,162)
```
#57afab
```
#57afab rgb(87,175,171)
```
#4eb8b3
```
#4eb8b3 rgb(78,184,179)
```
#44c2bc
```
#44c2bc rgb(68,194,188)
```
#3bcbc4
```
#3bcbc4 rgb(59,203,196)
```
#31d5cd
```
#31d5cd rgb(49,213,205)
```
#27dfd6
```
#27dfd6 rgb(39,223,214)
```
#1ee8de
```
#1ee8de rgb(30,232,222)
```
#14f2e7
```
#14f2e7 rgb(20,242,231)
```
#0bfbef
```
#0bfbef rgb(11,251,239)
```

Tone Color Variation

Below, you can see how #31d5cd 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
#8cadab Atypical Achromatopsia 0.001% of the population

Dichromacy

#c6c2c4 Protanopia 1% of men
#cabed8 Deuteranopia 1% of men
#4dd4e3 Tritanopia 0.001% of the population

Trichromacy

#8fc9c7 Protanomaly 1% of men, 0.01% of women
#92c6d4 Deuteranomaly 6% of men, 0.4% of women
#43d4db Tritanomaly 0.01% of the population

#31d5cd hex color

#31d5cd Color Information

#31d5cd Color Conversion

Color Schemes with #31d5cd

Alternatives to #31d5cd

#31d5cd Preview

Shades and Tints of #31d5cd

Tones of #31d5cd

Color Blindness Simulator