#31d5b5 hex color

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

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

● #31d5b5 color description : Strong cyan.

The hexadecimal color #31d5b5 has RGB values of R:49, G:213, B:181 and CMYK values of C:0.77, M:0, Y:0.15, K:0.16. Its decimal value is 3265973.

Hex triplet	31d5b5	`#31d5b5`
RGB Decimal	49, 213, 181	`rgb(49,213,181)`
RGB Percent	19.2, 83.5, 71	`rgb(19.2%,83.5%,71%)`
CMYK	77, 0, 15, 16
HSL	168.3°, 66.1, 51.4	`hsl(168.3,66.1%,51.4%)`
HSV (or HSB)	168.3°, 77, 83.5
Web Safe	33cccc	`#33cccc`

CIE-LAB	77.026, -48.142, 4.15
XYZ	33.398, 51.574, 51.908
xyY	0.244, 0.377, 51.574
CIE-LCH	77.026, 48.321, 175.073
CIE-LUV	77.026, -59.155, 13.817
Hunter-Lab	71.815, -42.664, 7.416
Binary	00110001, 11010101, 10110101

#31d5b5
```
#31d5b5 rgb(49,213,181)
```
#d53151
```
#d53151 rgb(213,49,81)
```

Complementary Color

#31d563
```
#31d563 rgb(49,213,99)
```
#31d5b5
```
#31d5b5 rgb(49,213,181)
```
#31a3d5
```
#31a3d5 rgb(49,163,213)
```

Analogous Color

#d56331
```
#d56331 rgb(213,99,49)
```
#31d5b5
```
#31d5b5 rgb(49,213,181)
```
#d531a3
```
#d531a3 rgb(213,49,163)
```

Split Complementary Color

#d5b531
```
#d5b531 rgb(213,181,49)
```
#31d5b5
```
#31d5b5 rgb(49,213,181)
```
#b531d5
```
#b531d5 rgb(181,49,213)
```

Triadic Color

#51d531
```
#51d531 rgb(81,213,49)
```
#31d5b5
```
#31d5b5 rgb(49,213,181)
```
#b531d5
```
#b531d5 rgb(181,49,213)
```
#d53151
```
#d53151 rgb(213,49,81)
```

Tetradic Color

#1f9a82
```
#1f9a82 rgb(31,154,130)
```
#24af94
```
#24af94 rgb(36,175,148)
```
#28c4a6
```
#28c4a6 rgb(40,196,166)
```
#31d5b5
```
#31d5b5 rgb(49,213,181)
```
#46d9bd
```
#46d9bd rgb(70,217,189)
```
#5bdec4
```
#5bdec4 rgb(91,222,196)
```
#71e2cc
```
#71e2cc rgb(113,226,204)
```

Monochromatic Color

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

#31d58c
```
#31d58c rgb(49,213,140)
```
#31d59a
```
#31d59a rgb(49,213,154)
```
#31d5a7
```
#31d5a7 rgb(49,213,167)
```
#31d5b5
```
#31d5b5 rgb(49,213,181)
```
#31d5c3
```
#31d5c3 rgb(49,213,195)
```
#31d5d0
```
#31d5d0 rgb(49,213,208)
```
#31ccd5
```
#31ccd5 rgb(49,204,213)
```

Similar Colors

Text with hexadecimal color #31d5b5

This text has a font color of #31d5b5.

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

#31d5b5 background color

This paragraph has a background color of #31d5b5.

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

#31d5b5 border color

This element has a border color of #31d5b5.

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

CSS codes

.text {color:#31d5b5;}

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

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

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

#010605
```
#010605 rgb(1,6,5)
```
#051613
```
#051613 rgb(5,22,19)
```
#082620
```
#082620 rgb(8,38,32)
```
#0b372e
```
#0b372e rgb(11,55,46)
```
#0e473c
```
#0e473c rgb(14,71,60)
```
#12574a
```
#12574a rgb(18,87,74)
```
#156857
```
#156857 rgb(21,104,87)
```
#187865
```
#187865 rgb(24,120,101)
```
#1c8873
```
#1c8873 rgb(28,136,115)
```
#1f9881
```
#1f9881 rgb(31,152,129)
```
#22a98f
```
#22a98f rgb(34,169,143)
```
#26b99c
```
#26b99c rgb(38,185,156)
```
#29c9aa
```
#29c9aa rgb(41,201,170)
```

Shade Color Variation

#31d5b5
```
#31d5b5 rgb(49,213,181)
```
#41d8bb
```
#41d8bb rgb(65,216,187)
```
#52dcc1
```
#52dcc1 rgb(82,220,193)
```
#62dfc7
```
#62dfc7 rgb(98,223,199)
```
#72e2cc
```
#72e2cc rgb(114,226,204)
```
#82e6d2
```
#82e6d2 rgb(130,230,210)
```
#93e9d8
```
#93e9d8 rgb(147,233,216)
```
#a3ecde
```
#a3ecde rgb(163,236,222)
```
#b3f0e4
```
#b3f0e4 rgb(179,240,228)
```
#c4f3ea
```
#c4f3ea rgb(196,243,234)
```
#d4f6f0
```
#d4f6f0 rgb(212,246,240)
```
#e4faf5
```
#e4faf5 rgb(228,250,245)
```
#f5fdfb
```
#f5fdfb rgb(245,253,251)
```

Tint Color Variation

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

#7d8986
```
#7d8986 rgb(125,137,134)
```
#74928c
```
#74928c rgb(116,146,140)
```
#6a9c92
```
#6a9c92 rgb(106,156,146)
```
#61a598
```
#61a598 rgb(97,165,152)
```
#57af9e
```
#57af9e rgb(87,175,158)
```
#4eb8a4
```
#4eb8a4 rgb(78,184,164)
```
#44c2a9
```
#44c2a9 rgb(68,194,169)
```
#3bcbaf
```
#3bcbaf rgb(59,203,175)
```
#31d5b5
```
#31d5b5 rgb(49,213,181)
```
#27dfbb
```
#27dfbb rgb(39,223,187)
```
#1ee8c1
```
#1ee8c1 rgb(30,232,193)
```
#14f2c6
```
#14f2c6 rgb(20,242,198)
```
#0bfbcc
```
#0bfbcc rgb(11,251,204)
```

Tone Color Variation

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

Dichromacy

#c9c0ad Protanopia 1% of men
#d2bbc2 Deuteranopia 1% of men
#58d1e0 Tritanopia 0.001% of the population

Trichromacy

#92c8b0 Protanomaly 1% of men, 0.01% of women
#97c4bd Deuteranomaly 6% of men, 0.4% of women
#4ad2d0 Tritanomaly 0.01% of the population

#31d5b5 hex color

#31d5b5 Color Information

#31d5b5 Color Conversion

Color Schemes with #31d5b5

Alternatives to #31d5b5

#31d5b5 Preview

Shades and Tints of #31d5b5

Tones of #31d5b5

Color Blindness Simulator