#31cdbb hex color

In a RGB color space, hex #31cdbb is composed of 19.2% red, 80.4% green and 73.3% blue. Whereas in a CMYK color space, it is composed of 76.1% cyan, 0% magenta, 8.8% yellow and 19.6% black. It has a hue angle of 173.1 degrees, a saturation of 61.4% and a lightness of 49.8%. #31cdbb color hex could be obtained by blending #62ffff with #009b77. Closest websafe color is: #33cccc.

♥
- f
- t
- g
- R 19
- G 80
- B 73
RGB color chart
- C 76
- M 0
- Y 9
- K 20
CMYK color chart

● #31cdbb color description : Strong cyan.

The hexadecimal color #31cdbb has RGB values of R:49, G:205, B:187 and CMYK values of C:0.76, M:0, Y:0.09, K:0.2. Its decimal value is 3263931.

Hex triplet	31cdbb	`#31cdbb`
RGB Decimal	49, 205, 187	`rgb(49,205,187)`
RGB Percent	19.2, 80.4, 73.3	`rgb(19.2%,80.4%,73.3%)`
CMYK	76, 0, 9, 20
HSL	173.1°, 61.4, 49.8	`hsl(173.1,61.4%,49.8%)`
HSV (or HSB)	173.1°, 76.1, 80.4
Web Safe	33cccc	`#33cccc`

CIE-LAB	74.762, -43.146, -2.375
XYZ	32.065, 47.9, 54.567
xyY	0.238, 0.356, 47.9
CIE-LCH	74.762, 43.212, 183.151
CIE-LUV	74.762, -55.938, 3.101
Hunter-Lab	69.21, -38.42, 1.702
Binary	00110001, 11001101, 10111011

#31cdbb
```
#31cdbb rgb(49,205,187)
```
#cd3143
```
#cd3143 rgb(205,49,67)
```

Complementary Color

#31cd6d
```
#31cd6d rgb(49,205,109)
```
#31cdbb
```
#31cdbb rgb(49,205,187)
```
#3191cd
```
#3191cd rgb(49,145,205)
```

Analogous Color

#cd6d31
```
#cd6d31 rgb(205,109,49)
```
#31cdbb
```
#31cdbb rgb(49,205,187)
```
#cd3191
```
#cd3191 rgb(205,49,145)
```

Split Complementary Color

#cdbb31
```
#cdbb31 rgb(205,187,49)
```
#31cdbb
```
#31cdbb rgb(49,205,187)
```
#bb31cd
```
#bb31cd rgb(187,49,205)
```

Triadic Color

#43cd31
```
#43cd31 rgb(67,205,49)
```
#31cdbb
```
#31cdbb rgb(49,205,187)
```
#bb31cd
```
#bb31cd rgb(187,49,205)
```
#cd3143
```
#cd3143 rgb(205,49,67)
```

Tetradic Color

#228f83
```
#228f83 rgb(34,143,131)
```
#27a495
```
#27a495 rgb(39,164,149)
```
#2cb8a8
```
#2cb8a8 rgb(44,184,168)
```
#31cdbb
```
#31cdbb rgb(49,205,187)
```
#45d3c2
```
#45d3c2 rgb(69,211,194)
```
#5ad7c9
```
#5ad7c9 rgb(90,215,201)
```
#6edcd0
```
#6edcd0 rgb(110,220,208)
```

Monochromatic Color

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

#31cd94
```
#31cd94 rgb(49,205,148)
```
#31cda1
```
#31cda1 rgb(49,205,161)
```
#31cdae
```
#31cdae rgb(49,205,174)
```
#31cdbb
```
#31cdbb rgb(49,205,187)
```
#31cdc8
```
#31cdc8 rgb(49,205,200)
```
#31c5cd
```
#31c5cd rgb(49,197,205)
```
#31b8cd
```
#31b8cd rgb(49,184,205)
```

Similar Colors

Text with hexadecimal color #31cdbb

This text has a font color of #31cdbb.

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

#31cdbb background color

This paragraph has a background color of #31cdbb.

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

#31cdbb border color

This element has a border color of #31cdbb.

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

CSS codes

.text {color:#31cdbb;}

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

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

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

#040f0e
```
#040f0e rgb(4,15,14)
```
#071f1c
```
#071f1c rgb(7,31,28)
```
#0b2f2b
```
#0b2f2b rgb(11,47,43)
```
#0f3f39
```
#0f3f39 rgb(15,63,57)
```
#134e47
```
#134e47 rgb(19,78,71)
```
#175e56
```
#175e56 rgb(23,94,86)
```
#1a6e64
```
#1a6e64 rgb(26,110,100)
```
#1e7e73
```
#1e7e73 rgb(30,126,115)
```
#228e81
```
#228e81 rgb(34,142,129)
```
#269e90
```
#269e90 rgb(38,158,144)
```
#29ad9e
```
#29ad9e rgb(41,173,158)
```
#2dbdad
```
#2dbdad rgb(45,189,173)
```
#31cdbb
```
#31cdbb rgb(49,205,187)
```

Shade Color Variation

#40d1c1
```
#40d1c1 rgb(64,209,193)
```
#50d5c6
```
#50d5c6 rgb(80,213,198)
```
#60d9cb
```
#60d9cb rgb(96,217,203)
```
#70ddd0
```
#70ddd0 rgb(112,221,208)
```
#80e1d5
```
#80e1d5 rgb(128,225,213)
```
#8fe4db
```
#8fe4db rgb(143,228,219)
```
#9fe8e0
```
#9fe8e0 rgb(159,232,224)
```
#afece5
```
#afece5 rgb(175,236,229)
```
#bff0ea
```
#bff0ea rgb(191,240,234)
```
#cff3ef
```
#cff3ef rgb(207,243,239)
```
#dff7f4
```
#dff7f4 rgb(223,247,244)
```
#eefbfa
```
#eefbfa rgb(238,251,250)
```
#feffff
```
#feffff rgb(254,255,255)
```

Tint Color Variation

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

#758986
```
#758986 rgb(117,137,134)
```
#6c928e
```
#6c928e rgb(108,146,142)
```
#629c95
```
#629c95 rgb(98,156,149)
```
#58a69d
```
#58a69d rgb(88,166,157)
```
#4eb0a4
```
#4eb0a4 rgb(78,176,164)
```
#45b9ac
```
#45b9ac rgb(69,185,172)
```
#3bc3b3
```
#3bc3b3 rgb(59,195,179)
```
#31cdbb
```
#31cdbb rgb(49,205,187)
```
#27d7c3
```
#27d7c3 rgb(39,215,195)
```
#1de1ca
```
#1de1ca rgb(29,225,202)
```
#14ead2
```
#14ead2 rgb(20,234,210)
```
#0af4d9
```
#0af4d9 rgb(10,244,217)
```
#00fee1
```
#00fee1 rgb(0,254,225)
```

Tone Color Variation

Below, you can see how #31cdbb 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

#9c9c9c Achromatopsia 0.005% of the population
#87a6a2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c0bab3 Protanopia 1% of men
#c7b6c7 Deuteranopia 1% of men
#51cbda Tritanopia 0.001% of the population

Trichromacy

#8cc1b6 Protanomaly 1% of men, 0.01% of women
#90bec2 Deuteranomaly 6% of men, 0.4% of women
#45cbce Tritanomaly 0.01% of the population

#31cdbb hex color

#31cdbb Color Information

#31cdbb Color Conversion

Color Schemes with #31cdbb

Alternatives to #31cdbb

#31cdbb Preview

Shades and Tints of #31cdbb

Tones of #31cdbb

Color Blindness Simulator