#31e9cc hex color

In a RGB color space, hex #31e9cc is composed of 19.2% red, 91.4% green and 80% blue. Whereas in a CMYK color space, it is composed of 79% cyan, 0% magenta, 12.4% yellow and 8.6% black. It has a hue angle of 170.5 degrees, a saturation of 80.7% and a lightness of 55.3%. #31e9cc color hex could be obtained by blending #62ffff with #00d399. Closest websafe color is: #33ffcc.

♥
- f
- t
- g
- R 19
- G 91
- B 80
RGB color chart
- C 79
- M 0
- Y 12
- K 9
CMYK color chart

● #31e9cc color description : Bright cyan.

The hexadecimal color #31e9cc has RGB values of R:49, G:233, B:204 and CMYK values of C:0.79, M:0, Y:0.12, K:0.09. Its decimal value is 3271116.

Hex triplet	31e9cc	`#31e9cc`
RGB Decimal	49, 233, 204	`rgb(49,233,204)`
RGB Percent	19.2, 91.4, 80	`rgb(19.2%,91.4%,80%)`
CMYK	79, 0, 12, 9
HSL	170.5°, 80.7, 55.3	`hsl(170.5,80.7%,55.3%)`
HSV (or HSB)	170.5°, 79, 91.4
Web Safe	33ffcc	`#33ffcc`

CIE-LAB	83.593, -50.566, 1.463
XYZ	41.301, 63.286, 67.162
xyY	0.24, 0.368, 63.286
CIE-LCH	83.593, 50.588, 178.343
CIE-LUV	83.593, -64.394, 10.284
Hunter-Lab	79.553, -46.547, 5.631
Binary	00110001, 11101001, 11001100

#31e9cc
```
#31e9cc rgb(49,233,204)
```
#e9314e
```
#e9314e rgb(233,49,78)
```

Complementary Color

#31e970
```
#31e970 rgb(49,233,112)
```
#31e9cc
```
#31e9cc rgb(49,233,204)
```
#31aae9
```
#31aae9 rgb(49,170,233)
```

Analogous Color

#e97031
```
#e97031 rgb(233,112,49)
```
#31e9cc
```
#31e9cc rgb(49,233,204)
```
#e931aa
```
#e931aa rgb(233,49,170)
```

Split Complementary Color

#e9cc31
```
#e9cc31 rgb(233,204,49)
```
#31e9cc
```
#31e9cc rgb(49,233,204)
```
#cc31e9
```
#cc31e9 rgb(204,49,233)
```

Triadic Color

#4ee931
```
#4ee931 rgb(78,233,49)
```
#31e9cc
```
#31e9cc rgb(49,233,204)
```
#cc31e9
```
#cc31e9 rgb(204,49,233)
```
#e9314e
```
#e9314e rgb(233,49,78)
```

Tetradic Color

#14baa0
```
#14baa0 rgb(20,186,160)
```
#16d1b3
```
#16d1b3 rgb(22,209,179)
```
#1ae7c6
```
#1ae7c6 rgb(26,231,198)
```
#31e9cc
```
#31e9cc rgb(49,233,204)
```
#48ebd2
```
#48ebd2 rgb(72,235,210)
```
#5feed7
```
#5feed7 rgb(95,238,215)
```
#76f0dd
```
#76f0dd rgb(118,240,221)
```

Monochromatic Color

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

#31e99e
```
#31e99e rgb(49,233,158)
```
#31e9ad
```
#31e9ad rgb(49,233,173)
```
#31e9bd
```
#31e9bd rgb(49,233,189)
```
#31e9cc
```
#31e9cc rgb(49,233,204)
```
#31e9db
```
#31e9db rgb(49,233,219)
```
#31e7e9
```
#31e7e9 rgb(49,231,233)
```
#31d8e9
```
#31d8e9 rgb(49,216,233)
```

Similar Colors

Text with hexadecimal color #31e9cc

This text has a font color of #31e9cc.

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

#31e9cc background color

This paragraph has a background color of #31e9cc.

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

#31e9cc border color

This element has a border color of #31e9cc.

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

CSS codes

.text {color:#31e9cc;}

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

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

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 #f4fefc is the lightest one.

#010706
```
#010706 rgb(1,7,6)
```
#031815
```
#031815 rgb(3,24,21)
```
#042a24
```
#042a24 rgb(4,42,36)
```
#063c33
```
#063c33 rgb(6,60,51)
```
#084e43
```
#084e43 rgb(8,78,67)
```
#0a5f52
```
#0a5f52 rgb(10,95,82)
```
#0c7161
```
#0c7161 rgb(12,113,97)
```
#0e8370
```
#0e8370 rgb(14,131,112)
```
#109480
```
#109480 rgb(16,148,128)
```
#12a68f
```
#12a68f rgb(18,166,143)
```
#14b89e
```
#14b89e rgb(20,184,158)
```
#16caad
```
#16caad rgb(22,202,173)
```
#17dbbc
```
#17dbbc rgb(23,219,188)
```

Shade Color Variation

#1fe7c8
```
#1fe7c8 rgb(31,231,200)
```
#31e9cc
```
#31e9cc rgb(49,233,204)
```
#43ebd0
```
#43ebd0 rgb(67,235,208)
```
#54edd5
```
#54edd5 rgb(84,237,213)
```
#66efd9
```
#66efd9 rgb(102,239,217)
```
#78f1de
```
#78f1de rgb(120,241,222)
```
#8af2e2
```
#8af2e2 rgb(138,242,226)
```
#9bf4e6
```
#9bf4e6 rgb(155,244,230)
```
#adf6eb
```
#adf6eb rgb(173,246,235)
```
#bff8ef
```
#bff8ef rgb(191,248,239)
```
#d1faf3
```
#d1faf3 rgb(209,250,243)
```
#e2fcf8
```
#e2fcf8 rgb(226,252,248)
```
#f4fefc
```
#f4fefc rgb(244,254,252)
```

Tint Color Variation

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

#899190
```
#899190 rgb(137,145,144)
```
#809a96
```
#809a96 rgb(128,154,150)
```
#77a39c
```
#77a39c rgb(119,163,156)
```
#6eaca2
```
#6eaca2 rgb(110,172,162)
```
#66b4a8
```
#66b4a8 rgb(102,180,168)
```
#5dbdae
```
#5dbdae rgb(93,189,174)
```
#54c6b4
```
#54c6b4 rgb(84,198,180)
```
#4bcfba
```
#4bcfba rgb(75,207,186)
```
#43d7c0
```
#43d7c0 rgb(67,215,192)
```
#3ae0c6
```
#3ae0c6 rgb(58,224,198)
```
#31e9cc
```
#31e9cc rgb(49,233,204)
```
#28f2d2
```
#28f2d2 rgb(40,242,210)
```
#1ffbd8
```
#1ffbd8 rgb(31,251,216)
```

Tone Color Variation

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

#afafaf Achromatopsia 0.005% of the population
#96bbb5 Atypical Achromatopsia 0.001% of the population

Dichromacy

#dad1c2 Protanopia 1% of men
#e3ccd9 Deuteranopia 1% of men
#5be4f5 Tritanopia 0.001% of the population

Trichromacy

#9cdac5 Protanomaly 1% of men, 0.01% of women
#a2d7d4 Deuteranomaly 6% of men, 0.4% of women
#4be6e6 Tritanomaly 0.01% of the population

#31e9cc hex color

#31e9cc Color Information

#31e9cc Color Conversion

Color Schemes with #31e9cc

Alternatives to #31e9cc

#31e9cc Preview

Shades and Tints of #31e9cc

Tones of #31e9cc

Color Blindness Simulator