#31d8b2 hex color

In a RGB color space, hex #31d8b2 is composed of 19.2% red, 84.7% green and 69.8% blue. Whereas in a CMYK color space, it is composed of 77.3% cyan, 0% magenta, 17.6% yellow and 15.3% black. It has a hue angle of 166.3 degrees, a saturation of 68.2% and a lightness of 52%. #31d8b2 color hex could be obtained by blending #62ffff with #00b165. Closest websafe color is: #33cc99.

♥
- f
- t
- g
- R 19
- G 85
- B 70
RGB color chart
- C 77
- M 0
- Y 18
- K 15
CMYK color chart

● #31d8b2 color description : Strong cyan.

The hexadecimal color #31d8b2 has RGB values of R:49, G:216, B:178 and CMYK values of C:0.77, M:0, Y:0.18, K:0.15. Its decimal value is 3266738.

Hex triplet	31d8b2	`#31d8b2`
RGB Decimal	49, 216, 178	`rgb(49,216,178)`
RGB Percent	19.2, 84.7, 69.8	`rgb(19.2%,84.7%,69.8%)`
CMYK	77, 0, 18, 15
HSL	166.3°, 68.2, 52	`hsl(166.3,68.2%,52%)`
HSV (or HSB)	166.3°, 77.3, 84.7
Web Safe	33cc99	`#33cc99`

CIE-LAB	77.861, -50.14, 6.957
XYZ	33.855, 52.976, 50.558
xyY	0.246, 0.386, 52.976
CIE-LCH	77.861, 50.62, 172.101
CIE-LUV	77.861, -60.405, 18.314
Hunter-Lab	72.784, -44.344, 9.765
Binary	00110001, 11011000, 10110010

#31d8b2
```
#31d8b2 rgb(49,216,178)
```
#d83157
```
#d83157 rgb(216,49,87)
```

Complementary Color

#31d85f
```
#31d85f rgb(49,216,95)
```
#31d8b2
```
#31d8b2 rgb(49,216,178)
```
#31abd8
```
#31abd8 rgb(49,171,216)
```

Analogous Color

#d85f31
```
#d85f31 rgb(216,95,49)
```
#31d8b2
```
#31d8b2 rgb(49,216,178)
```
#d831ab
```
#d831ab rgb(216,49,171)
```

Split Complementary Color

#d8b231
```
#d8b231 rgb(216,178,49)
```
#31d8b2
```
#31d8b2 rgb(49,216,178)
```
#b231d8
```
#b231d8 rgb(178,49,216)
```

Triadic Color

#57d831
```
#57d831 rgb(87,216,49)
```
#31d8b2
```
#31d8b2 rgb(49,216,178)
```
#b231d8
```
#b231d8 rgb(178,49,216)
```
#d83157
```
#d83157 rgb(216,49,87)
```

Tetradic Color

#1e9e81
```
#1e9e81 rgb(30,158,129)
```
#22b493
```
#22b493 rgb(34,180,147)
```
#26c9a4
```
#26c9a4 rgb(38,201,164)
```
#31d8b2
```
#31d8b2 rgb(49,216,178)
```
#46dcba
```
#46dcba rgb(70,220,186)
```
#5ce0c2
```
#5ce0c2 rgb(92,224,194)
```
#71e4ca
```
#71e4ca rgb(113,228,202)
```

Monochromatic Color

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

#31d888
```
#31d888 rgb(49,216,136)
```
#31d896
```
#31d896 rgb(49,216,150)
```
#31d8a4
```
#31d8a4 rgb(49,216,164)
```
#31d8b2
```
#31d8b2 rgb(49,216,178)
```
#31d8c0
```
#31d8c0 rgb(49,216,192)
```
#31d8ce
```
#31d8ce rgb(49,216,206)
```
#31d4d8
```
#31d4d8 rgb(49,212,216)
```

Similar Colors

Text with hexadecimal color #31d8b2

This text has a font color of #31d8b2.

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

#31d8b2 background color

This paragraph has a background color of #31d8b2.

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

#31d8b2 border color

This element has a border color of #31d8b2.

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

CSS codes

.text {color:#31d8b2;}

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

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

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

#020807
```
#020807 rgb(2,8,7)
```
#051914
```
#051914 rgb(5,25,20)
```
#082922
```
#082922 rgb(8,41,34)
```
#0b3a2f
```
#0b3a2f rgb(11,58,47)
```
#0e4a3d
```
#0e4a3d rgb(14,74,61)
```
#115b4a
```
#115b4a rgb(17,91,74)
```
#146b58
```
#146b58 rgb(20,107,88)
```
#177c65
```
#177c65 rgb(23,124,101)
```
#1b8c72
```
#1b8c72 rgb(27,140,114)
```
#1e9d80
```
#1e9d80 rgb(30,157,128)
```
#21ad8d
```
#21ad8d rgb(33,173,141)
```
#24be9b
```
#24be9b rgb(36,190,155)
```
#27cea8
```
#27cea8 rgb(39,206,168)
```

Shade Color Variation

#31d8b2
```
#31d8b2 rgb(49,216,178)
```
#41dbb8
```
#41dbb8 rgb(65,219,184)
```
#52debe
```
#52debe rgb(82,222,190)
```
#62e1c4
```
#62e1c4 rgb(98,225,196)
```
#73e4cb
```
#73e4cb rgb(115,228,203)
```
#83e8d1
```
#83e8d1 rgb(131,232,209)
```
#94ebd7
```
#94ebd7 rgb(148,235,215)
```
#a4eedd
```
#a4eedd rgb(164,238,221)
```
#b5f1e3
```
#b5f1e3 rgb(181,241,227)
```
#c5f4e9
```
#c5f4e9 rgb(197,244,233)
```
#d6f7f0
```
#d6f7f0 rgb(214,247,240)
```
#e6faf6
```
#e6faf6 rgb(230,250,246)
```
#f7fdfc
```
#f7fdfc rgb(247,253,252)
```

Tint Color Variation

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

#7c8d89
```
#7c8d89 rgb(124,141,137)
```
#73968e
```
#73968e rgb(115,150,142)
```
#6a9f93
```
#6a9f93 rgb(106,159,147)
```
#60a998
```
#60a998 rgb(96,169,152)
```
#57b29d
```
#57b29d rgb(87,178,157)
```
#4dbca3
```
#4dbca3 rgb(77,188,163)
```
#44c5a8
```
#44c5a8 rgb(68,197,168)
```
#3acfad
```
#3acfad rgb(58,207,173)
```
#31d8b2
```
#31d8b2 rgb(49,216,178)
```
#28e1b7
```
#28e1b7 rgb(40,225,183)
```
#1eebbc
```
#1eebbc rgb(30,235,188)
```
#15f4c1
```
#15f4c1 rgb(21,244,193)
```
#0bfec7
```
#0bfec7 rgb(11,254,199)
```

Tone Color Variation

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

#a2a2a2 Achromatopsia 0.005% of the population
#8bada5 Atypical Achromatopsia 0.001% of the population

Dichromacy

#ccc3aa Protanopia 1% of men
#d7bdbf Deuteranopia 1% of men
#5bd3e3 Tritanopia 0.001% of the population

Trichromacy

#94caad Protanomaly 1% of men, 0.01% of women
#9ac7ba Deuteranomaly 6% of men, 0.4% of women
#4cd5d1 Tritanomaly 0.01% of the population

#31d8b2 hex color

#31d8b2 Color Information

#31d8b2 Color Conversion

Color Schemes with #31d8b2

Alternatives to #31d8b2

#31d8b2 Preview

Shades and Tints of #31d8b2

Tones of #31d8b2

Color Blindness Simulator