#31d6be hex color

In a RGB color space, hex #31d6be is composed of 19.2% red, 83.9% green and 74.5% blue. Whereas in a CMYK color space, it is composed of 77.1% cyan, 0% magenta, 11.2% yellow and 16.1% black. It has a hue angle of 171.3 degrees, a saturation of 66.8% and a lightness of 51.6%. #31d6be color hex could be obtained by blending #62ffff with #00ad7d. Closest websafe color is: #33cccc.

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

● #31d6be color description : Strong cyan.

The hexadecimal color #31d6be has RGB values of R:49, G:214, B:190 and CMYK values of C:0.77, M:0, Y:0.11, K:0.16. Its decimal value is 3266238.

Hex triplet	31d6be	`#31d6be`
RGB Decimal	49, 214, 190	`rgb(49,214,190)`
RGB Percent	19.2, 83.9, 74.5	`rgb(19.2%,83.9%,74.5%)`
CMYK	77, 0, 11, 16
HSL	171.3°, 66.8, 51.6	`hsl(171.3,66.8%,51.6%)`
HSV (or HSB)	171.3°, 77.1, 83.9
Web Safe	33cccc	`#33cccc`

CIE-LAB	77.555, -46.229, 0.1
XYZ	34.604, 52.46, 57.014
xyY	0.24, 0.364, 52.46
CIE-LCH	77.555, 46.229, 179.876
CIE-LUV	77.555, -58.864, 7.41
Hunter-Lab	72.43, -41.471, 4.029
Binary	00110001, 11010110, 10111110

#31d6be
```
#31d6be rgb(49,214,190)
```
#d63149
```
#d63149 rgb(214,49,73)
```

Complementary Color

#31d66c
```
#31d66c rgb(49,214,108)
```
#31d6be
```
#31d6be rgb(49,214,190)
```
#319cd6
```
#319cd6 rgb(49,156,214)
```

Analogous Color

#d66c31
```
#d66c31 rgb(214,108,49)
```
#31d6be
```
#31d6be rgb(49,214,190)
```
#d6319c
```
#d6319c rgb(214,49,156)
```

Split Complementary Color

#d6be31
```
#d6be31 rgb(214,190,49)
```
#31d6be
```
#31d6be rgb(49,214,190)
```
#be31d6
```
#be31d6 rgb(190,49,214)
```

Triadic Color

#49d631
```
#49d631 rgb(73,214,49)
```
#31d6be
```
#31d6be rgb(49,214,190)
```
#be31d6
```
#be31d6 rgb(190,49,214)
```
#d63149
```
#d63149 rgb(214,49,73)
```

Tetradic Color

#1f9c89
```
#1f9c89 rgb(31,156,137)
```
#23b19c
```
#23b19c rgb(35,177,156)
```
#27c6af
```
#27c6af rgb(39,198,175)
```
#31d6be
```
#31d6be rgb(49,214,190)
```
#46dac5
```
#46dac5 rgb(70,218,197)
```
#5cdecb
```
#5cdecb rgb(92,222,203)
```
#71e3d2
```
#71e3d2 rgb(113,227,210)
```

Monochromatic Color

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

#31d695
```
#31d695 rgb(49,214,149)
```
#31d6a3
```
#31d6a3 rgb(49,214,163)
```
#31d6b0
```
#31d6b0 rgb(49,214,176)
```
#31d6be
```
#31d6be rgb(49,214,190)
```
#31d6cc
```
#31d6cc rgb(49,214,204)
```
#31d3d6
```
#31d3d6 rgb(49,211,214)
```
#31c5d6
```
#31c5d6 rgb(49,197,214)
```

Similar Colors

Text with hexadecimal color #31d6be

This text has a font color of #31d6be.

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

#31d6be background color

This paragraph has a background color of #31d6be.

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

#31d6be border color

This element has a border color of #31d6be.

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

CSS codes

.text {color:#31d6be;}

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

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

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

#010706
```
#010706 rgb(1,7,6)
```
#051714
```
#051714 rgb(5,23,20)
```
#082723
```
#082723 rgb(8,39,35)
```
#0b3831
```
#0b3831 rgb(11,56,49)
```
#0e4840
```
#0e4840 rgb(14,72,64)
```
#12584e
```
#12584e rgb(18,88,78)
```
#15695d
```
#15695d rgb(21,105,93)
```
#18796b
```
#18796b rgb(24,121,107)
```
#1b8a7a
```
#1b8a7a rgb(27,138,122)
```
#1f9a88
```
#1f9a88 rgb(31,154,136)
```
#22aa96
```
#22aa96 rgb(34,170,150)
```
#25bba5
```
#25bba5 rgb(37,187,165)
```
#28cbb3
```
#28cbb3 rgb(40,203,179)
```

Shade Color Variation

#31d6be
```
#31d6be rgb(49,214,190)
```
#41d9c3
```
#41d9c3 rgb(65,217,195)
```
#52ddc8
```
#52ddc8 rgb(82,221,200)
```
#62e0cd
```
#62e0cd rgb(98,224,205)
```
#72e3d3
```
#72e3d3 rgb(114,227,211)
```
#83e6d8
```
#83e6d8 rgb(131,230,216)
```
#93eadd
```
#93eadd rgb(147,234,221)
```
#a4ede2
```
#a4ede2 rgb(164,237,226)
```
#b4f0e7
```
#b4f0e7 rgb(180,240,231)
```
#c4f3ec
```
#c4f3ec rgb(196,243,236)
```
#d5f7f2
```
#d5f7f2 rgb(213,247,242)
```
#e5faf7
```
#e5faf7 rgb(229,250,247)
```
#f5fdfc
```
#f5fdfc rgb(245,253,252)
```

Tint Color Variation

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

#7d8a88
```
#7d8a88 rgb(125,138,136)
```
#74948f
```
#74948f rgb(116,148,143)
```
#6a9d96
```
#6a9d96 rgb(106,157,150)
```
#61a79c
```
#61a79c rgb(97,167,156)
```
#57b0a3
```
#57b0a3 rgb(87,176,163)
```
#4ebaaa
```
#4ebaaa rgb(78,186,170)
```
#44c3b1
```
#44c3b1 rgb(68,195,177)
```
#3bcdb7
```
#3bcdb7 rgb(59,205,183)
```
#31d6be
```
#31d6be rgb(49,214,190)
```
#28e0c5
```
#28e0c5 rgb(40,224,197)
```
#1ee9cb
```
#1ee9cb rgb(30,233,203)
```
#15f3d2
```
#15f3d2 rgb(21,243,210)
```
#0bfcd9
```
#0bfcd9 rgb(11,252,217)
```

Tone Color Variation

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

Dichromacy

#c9c2b6 Protanopia 1% of men
#d1bdca Deuteranopia 1% of men
#55d3e2 Tritanopia 0.001% of the population

Trichromacy

#91c9b9 Protanomaly 1% of men, 0.01% of women
#96c6c6 Deuteranomaly 6% of men, 0.4% of women
#48d4d5 Tritanomaly 0.01% of the population

#31d6be hex color

#31d6be Color Information

#31d6be Color Conversion

Color Schemes with #31d6be

Alternatives to #31d6be

#31d6be Preview

Shades and Tints of #31d6be

Tones of #31d6be

Color Blindness Simulator