colorhexa.com

#31c2d5 hex color

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

- R 19
- G 76
- B 84
RGB color chart
- C 77
- M 9
- Y 0
- K 16
CMYK color chart

● #31c2d5 color description : Strong cyan.

The hexadecimal color #31c2d5 has RGB values of R:49, G:194, B:213 and CMYK values of C:0.77, M:0.09, Y:0, K:0.16. Its decimal value is 3261141.

Hex triplet	31c2d5	`#31c2d5`
RGB Decimal	49, 194, 213	`rgb(49,194,213)`
RGB Percent	19.2, 76.1, 83.5	`rgb(19.2%,76.1%,83.5%)`
CMYK	77, 9, 0, 16
HSL	187°, 66.1, 51.4	`hsl(187,66.1%,51.4%)`
HSV (or HSB)	187°, 77, 83.5
Web Safe	33cccc	`#33cccc`

CIE-LAB	72.254, -30.532, -20.231
XYZ	32.565, 44.038, 69.731
xyY	0.223, 0.301, 44.038
CIE-LCH	72.254, 36.627, 213.529
CIE-LUV	72.254, -50.232, -27.328
Hunter-Lab	66.361, -28.536, -15.848
Binary	00110001, 11000010, 11010101

#31c2d5
```
#31c2d5 rgb(49,194,213)
```
#d54431
```
#d54431 rgb(213,68,49)
```

Complementary Color

#31d596
```
#31d596 rgb(49,213,150)
```
#31c2d5
```
#31c2d5 rgb(49,194,213)
```
#3170d5
```
#3170d5 rgb(49,112,213)
```

Analogous Color

#d59631
```
#d59631 rgb(213,150,49)
```
#31c2d5
```
#31c2d5 rgb(49,194,213)
```
#d53170
```
#d53170 rgb(213,49,112)
```

Split Complementary Color

#c2d531
```
#c2d531 rgb(194,213,49)
```
#31c2d5
```
#31c2d5 rgb(49,194,213)
```
#d531c2
```
#d531c2 rgb(213,49,194)
```

Triadic Color

#31d544
```
#31d544 rgb(49,213,68)
```
#31c2d5
```
#31c2d5 rgb(49,194,213)
```
#d531c2
```
#d531c2 rgb(213,49,194)
```
#d54431
```
#d54431 rgb(213,68,49)
```

Tetradic Color

#1f8c9a
```
#1f8c9a rgb(31,140,154)
```
#249faf
```
#249faf rgb(36,159,175)
```
#28b2c4
```
#28b2c4 rgb(40,178,196)
```
#31c2d5
```
#31c2d5 rgb(49,194,213)
```
#46c8d9
```
#46c8d9 rgb(70,200,217)
```
#5bcfde
```
#5bcfde rgb(91,207,222)
```
#71d5e2
```
#71d5e2 rgb(113,213,226)
```

Monochromatic Color

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

#31d5bf
```
#31d5bf rgb(49,213,191)
```
#31d5cd
```
#31d5cd rgb(49,213,205)
```
#31d0d5
```
#31d0d5 rgb(49,208,213)
```
#31c2d5
```
#31c2d5 rgb(49,194,213)
```
#31b4d5
```
#31b4d5 rgb(49,180,213)
```
#31a7d5
```
#31a7d5 rgb(49,167,213)
```
#3199d5
```
#3199d5 rgb(49,153,213)
```

Similar Colors

Text with hexadecimal color #31c2d5

This text has a font color of #31c2d5.

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

#31c2d5 background color

This paragraph has a background color of #31c2d5.

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

#31c2d5 border color

This element has a border color of #31c2d5.

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

CSS codes

.text {color:#31c2d5;}

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

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

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

#010506
```
#010506 rgb(1,5,6)
```
#051416
```
#051416 rgb(5,20,22)
```
#082326
```
#082326 rgb(8,35,38)
```
#0b3237
```
#0b3237 rgb(11,50,55)
```
#0e4047
```
#0e4047 rgb(14,64,71)
```
#124f57
```
#124f57 rgb(18,79,87)
```
#155e68
```
#155e68 rgb(21,94,104)
```
#186d78
```
#186d78 rgb(24,109,120)
```
#1c7c88
```
#1c7c88 rgb(28,124,136)
```
#1f8a98
```
#1f8a98 rgb(31,138,152)
```
#2299a9
```
#2299a9 rgb(34,153,169)
```
#26a8b9
```
#26a8b9 rgb(38,168,185)
```
#29b7c9
```
#29b7c9 rgb(41,183,201)
```

Shade Color Variation

#31c2d5
```
#31c2d5 rgb(49,194,213)
```
#41c7d8
```
#41c7d8 rgb(65,199,216)
```
#52ccdc
```
#52ccdc rgb(82,204,220)
```
#62d0df
```
#62d0df rgb(98,208,223)
```
#72d5e2
```
#72d5e2 rgb(114,213,226)
```
#82dae6
```
#82dae6 rgb(130,218,230)
```
#93dfe9
```
#93dfe9 rgb(147,223,233)
```
#a3e4ec
```
#a3e4ec rgb(163,228,236)
```
#b3e9f0
```
#b3e9f0 rgb(179,233,240)
```
#c4edf3
```
#c4edf3 rgb(196,237,243)
```
#d4f2f6
```
#d4f2f6 rgb(212,242,246)
```
#e4f7fa
```
#e4f7fa rgb(228,247,250)
```
#f5fcfd
```
#f5fcfd rgb(245,252,253)
```

Tint Color Variation

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

#7d8789
```
#7d8789 rgb(125,135,137)
```
#748f92
```
#748f92 rgb(116,143,146)
```
#6a969c
```
#6a969c rgb(106,150,156)
```
#619da5
```
#619da5 rgb(97,157,165)
```
#57a5af
```
#57a5af rgb(87,165,175)
```
#4eacb8
```
#4eacb8 rgb(78,172,184)
```
#44b3c2
```
#44b3c2 rgb(68,179,194)
```
#3bbbcb
```
#3bbbcb rgb(59,187,203)
```
#31c2d5
```
#31c2d5 rgb(49,194,213)
```
#27c9df
```
#27c9df rgb(39,201,223)
```
#1ed1e8
```
#1ed1e8 rgb(30,209,232)
```
#14d8f2
```
#14d8f2 rgb(20,216,242)
```
#0bdffb
```
#0bdffb rgb(11,223,251)
```

Tone Color Variation

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

#999999 Achromatopsia 0.005% of the population
#84a1a5 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b0b3cc Protanopia 1% of men
#afb1de Deuteranopia 1% of men
#38c5d4 Tritanopia 0.001% of the population

Trichromacy

#82b9cf Protanomaly 1% of men, 0.01% of women
#81b7db Deuteranomaly 6% of men, 0.4% of women
#35c4d4 Tritanomaly 0.01% of the population