#31c9c2 hex color

In a RGB color space, hex #31c9c2 is composed of 19.2% red, 78.8% green and 76.1% blue. Whereas in a CMYK color space, it is composed of 75.6% cyan, 0% magenta, 3.5% yellow and 21.2% black. It has a hue angle of 177.2 degrees, a saturation of 60.8% and a lightness of 49%. #31c9c2 color hex could be obtained by blending #62ffff with #009385. Closest websafe color is: #33cccc.

♥
- f
- t
- g
- R 19
- G 79
- B 76
RGB color chart
- C 76
- M 0
- Y 3
- K 21
CMYK color chart

● #31c9c2 color description : Strong cyan.

The hexadecimal color #31c9c2 has RGB values of R:49, G:201, B:194 and CMYK values of C:0.76, M:0, Y:0.03, K:0.21. Its decimal value is 3262914.

Hex triplet	31c9c2	`#31c9c2`
RGB Decimal	49, 201, 194	`rgb(49,201,194)`
RGB Percent	19.2, 78.8, 76.1	`rgb(19.2%,78.8%,76.1%)`
CMYK	76, 0, 3, 21
HSL	177.2°, 60.8, 49	`hsl(177.2,60.8%,49%)`
HSV (or HSB)	177.2°, 75.6, 78.8
Web Safe	33cccc	`#33cccc`

CIE-LAB	73.752, -39.432, -7.657
XYZ	31.888, 46.318, 58.296
xyY	0.234, 0.339, 46.318
CIE-LCH	73.752, 40.168, 190.989
CIE-LUV	73.752, -54.036, -5.704
Hunter-Lab	68.058, -35.466, -3.145
Binary	00110001, 11001001, 11000010

#31c9c2
```
#31c9c2 rgb(49,201,194)
```
#c93138
```
#c93138 rgb(201,49,56)
```

Complementary Color

#31c976
```
#31c976 rgb(49,201,118)
```
#31c9c2
```
#31c9c2 rgb(49,201,194)
```
#3184c9
```
#3184c9 rgb(49,132,201)
```

Analogous Color

#c97631
```
#c97631 rgb(201,118,49)
```
#31c9c2
```
#31c9c2 rgb(49,201,194)
```
#c93184
```
#c93184 rgb(201,49,132)
```

Split Complementary Color

#c9c231
```
#c9c231 rgb(201,194,49)
```
#31c9c2
```
#31c9c2 rgb(49,201,194)
```
#c231c9
```
#c231c9 rgb(194,49,201)
```

Triadic Color

#38c931
```
#38c931 rgb(56,201,49)
```
#31c9c2
```
#31c9c2 rgb(49,201,194)
```
#c231c9
```
#c231c9 rgb(194,49,201)
```
#c93138
```
#c93138 rgb(201,49,56)
```

Tetradic Color

#228b87
```
#228b87 rgb(34,139,135)
```
#27a09a
```
#27a09a rgb(39,160,154)
```
#2cb4ae
```
#2cb4ae rgb(44,180,174)
```
#31c9c2
```
#31c9c2 rgb(49,201,194)
```
#42d1ca
```
#42d1ca rgb(66,209,202)
```
#57d6d0
```
#57d6d0 rgb(87,214,208)
```
#6bdbd6
```
#6bdbd6 rgb(107,219,214)
```

Monochromatic Color

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

#31c99c
```
#31c99c rgb(49,201,156)
```
#31c9a9
```
#31c9a9 rgb(49,201,169)
```
#31c9b5
```
#31c9b5 rgb(49,201,181)
```
#31c9c2
```
#31c9c2 rgb(49,201,194)
```
#31c3c9
```
#31c3c9 rgb(49,195,201)
```
#31b7c9
```
#31b7c9 rgb(49,183,201)
```
#31aac9
```
#31aac9 rgb(49,170,201)
```

Similar Colors

Text with hexadecimal color #31c9c2

This text has a font color of #31c9c2.

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

#31c9c2 background color

This paragraph has a background color of #31c9c2.

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

#31c9c2 border color

This element has a border color of #31c9c2.

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

CSS codes

.text {color:#31c9c2;}

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

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

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, #030c0b is the darkest color, while #fbfefe is the lightest one.

#030c0b
```
#030c0b rgb(3,12,11)
```
#071c1b
```
#071c1b rgb(7,28,27)
```
#0b2b2a
```
#0b2b2a rgb(11,43,42)
```
#0e3b39
```
#0e3b39 rgb(14,59,57)
```
#124b48
```
#124b48 rgb(18,75,72)
```
#165b57
```
#165b57 rgb(22,91,87)
```
#1a6a67
```
#1a6a67 rgb(26,106,103)
```
#1e7a76
```
#1e7a76 rgb(30,122,118)
```
#228a85
```
#228a85 rgb(34,138,133)
```
#259a94
```
#259a94 rgb(37,154,148)
```
#29a9a4
```
#29a9a4 rgb(41,169,164)
```
#2db9b3
```
#2db9b3 rgb(45,185,179)
```
#31c9c2
```
#31c9c2 rgb(49,201,194)
```

Shade Color Variation

#3ed0c9
```
#3ed0c9 rgb(62,208,201)
```
#4ed4ce
```
#4ed4ce rgb(78,212,206)
```
#5dd8d2
```
#5dd8d2 rgb(93,216,210)
```
#6ddbd6
```
#6ddbd6 rgb(109,219,214)
```
#7ddfdb
```
#7ddfdb rgb(125,223,219)
```
#8de3df
```
#8de3df rgb(141,227,223)
```
#9ce7e4
```
#9ce7e4 rgb(156,231,228)
```
#acebe8
```
#acebe8 rgb(172,235,232)
```
#bcefec
```
#bcefec rgb(188,239,236)
```
#ccf2f1
```
#ccf2f1 rgb(204,242,241)
```
#dbf6f5
```
#dbf6f5 rgb(219,246,245)
```
#ebfaf9
```
#ebfaf9 rgb(235,250,249)
```
#fbfefe
```
#fbfefe rgb(251,254,254)
```

Tint Color Variation

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

#748685
```
#748685 rgb(116,134,133)
```
#6b8f8e
```
#6b8f8e rgb(107,143,142)
```
#619996
```
#619996 rgb(97,153,150)
```
#57a39f
```
#57a39f rgb(87,163,159)
```
#4eaca8
```
#4eaca8 rgb(78,172,168)
```
#44b6b1
```
#44b6b1 rgb(68,182,177)
```
#3bbfb9
```
#3bbfb9 rgb(59,191,185)
```
#31c9c2
```
#31c9c2 rgb(49,201,194)
```
#27d3cb
```
#27d3cb rgb(39,211,203)
```
#1edcd3
```
#1edcd3 rgb(30,220,211)
```
#14e6dc
```
#14e6dc rgb(20,230,220)
```
#0befe5
```
#0befe5 rgb(11,239,229)
```
#01f9ee
```
#01f9ee rgb(1,249,238)
```

Tone Color Variation

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

#9b9b9b Achromatopsia 0.005% of the population
#86a4a3 Atypical Achromatopsia 0.001% of the population

Dichromacy

#bbb8ba Protanopia 1% of men
#c0b4cd Deuteranopia 1% of men
#4bc8d7 Tritanopia 0.001% of the population

Trichromacy

#89bebd Protanomaly 1% of men, 0.01% of women
#8cbbc9 Deuteranomaly 6% of men, 0.4% of women
#41c8cf Tritanomaly 0.01% of the population

#31c9c2 hex color

#31c9c2 Color Information

#31c9c2 Color Conversion

Color Schemes with #31c9c2

Alternatives to #31c9c2

#31c9c2 Preview

Shades and Tints of #31c9c2

Tones of #31c9c2

Color Blindness Simulator