#31e2cd hex color

In a RGB color space, hex #31e2cd is composed of 19.2% red, 88.6% green and 80.4% blue. Whereas in a CMYK color space, it is composed of 78.3% cyan, 0% magenta, 9.3% yellow and 11.4% black. It has a hue angle of 172.9 degrees, a saturation of 75.3% and a lightness of 53.9%. #31e2cd color hex could be obtained by blending #62ffff with #00c59b. Closest websafe color is: #33cccc.

♥
- f
- t
- g
- R 19
- G 89
- B 80
RGB color chart
- C 78
- M 0
- Y 9
- K 11
CMYK color chart

● #31e2cd color description : Bright cyan.

The hexadecimal color #31e2cd has RGB values of R:49, G:226, B:205 and CMYK values of C:0.78, M:0, Y:0.09, K:0.11. Its decimal value is 3269325.

Hex triplet	31e2cd	`#31e2cd`
RGB Decimal	49, 226, 205	`rgb(49,226,205)`
RGB Percent	19.2, 88.6, 80.4	`rgb(19.2%,88.6%,80.4%)`
CMYK	78, 0, 9, 11
HSL	172.9°, 75.3, 53.9	`hsl(172.9,75.3%,53.9%)`
HSV (or HSB)	172.9°, 78.3, 88.6
Web Safe	33cccc	`#33cccc`

CIE-LAB	81.538, -47.363, -2.068
XYZ	39.479, 59.45, 67.148
xyY	0.238, 0.358, 59.45
CIE-LCH	81.538, 47.408, 182.501
CIE-LUV	81.538, -61.926, 4.283
Hunter-Lab	77.104, -43.535, 2.338
Binary	00110001, 11100010, 11001101

#31e2cd
```
#31e2cd rgb(49,226,205)
```
#e23146
```
#e23146 rgb(226,49,70)
```

Complementary Color

#31e275
```
#31e275 rgb(49,226,117)
```
#31e2cd
```
#31e2cd rgb(49,226,205)
```
#319fe2
```
#319fe2 rgb(49,159,226)
```

Analogous Color

#e27531
```
#e27531 rgb(226,117,49)
```
#31e2cd
```
#31e2cd rgb(49,226,205)
```
#e2319f
```
#e2319f rgb(226,49,159)
```

Split Complementary Color

#e2cd31
```
#e2cd31 rgb(226,205,49)
```
#31e2cd
```
#31e2cd rgb(49,226,205)
```
#cd31e2
```
#cd31e2 rgb(205,49,226)
```

Triadic Color

#46e231
```
#46e231 rgb(70,226,49)
```
#31e2cd
```
#31e2cd rgb(49,226,205)
```
#cd31e2
```
#cd31e2 rgb(205,49,226)
```
#e23146
```
#e23146 rgb(226,49,70)
```

Tetradic Color

#18ae9c
```
#18ae9c rgb(24,174,156)
```
#1cc4b0
```
#1cc4b0 rgb(28,196,176)
```
#1fdbc4
```
#1fdbc4 rgb(31,219,196)
```
#31e2cd
```
#31e2cd rgb(49,226,205)
```
#47e5d2
```
#47e5d2 rgb(71,229,210)
```
#5ee8d8
```
#5ee8d8 rgb(94,232,216)
```
#74ebdd
```
#74ebdd rgb(116,235,221)
```

Monochromatic Color

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

#31e2a1
```
#31e2a1 rgb(49,226,161)
```
#31e2b0
```
#31e2b0 rgb(49,226,176)
```
#31e2be
```
#31e2be rgb(49,226,190)
```
#31e2cd
```
#31e2cd rgb(49,226,205)
```
#31e2dc
```
#31e2dc rgb(49,226,220)
```
#31dae2
```
#31dae2 rgb(49,218,226)
```
#31cbe2
```
#31cbe2 rgb(49,203,226)
```

Similar Colors

Text with hexadecimal color #31e2cd

This text has a font color of #31e2cd.

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

#31e2cd background color

This paragraph has a background color of #31e2cd.

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

#31e2cd border color

This element has a border color of #31e2cd.

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

CSS codes

.text {color:#31e2cd;}

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

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

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

#000000
```
#000000 rgb(0,0,0)
```
#021210
```
#021210 rgb(2,18,16)
```
#05231f
```
#05231f rgb(5,35,31)
```
#07342f
```
#07342f rgb(7,52,47)
```
#0a453e
```
#0a453e rgb(10,69,62)
```
#0c564e
```
#0c564e rgb(12,86,78)
```
#0f685d
```
#0f685d rgb(15,104,93)
```
#11796c
```
#11796c rgb(17,121,108)
```
#138a7c
```
#138a7c rgb(19,138,124)
```
#169b8b
```
#169b8b rgb(22,155,139)
```
#18ac9b
```
#18ac9b rgb(24,172,155)
```
#1bbdaa
```
#1bbdaa rgb(27,189,170)
```
#1dcfba
```
#1dcfba rgb(29,207,186)
```

Shade Color Variation

#20e0c9
```
#20e0c9 rgb(32,224,201)
```
#31e2cd
```
#31e2cd rgb(49,226,205)
```
#42e4d1
```
#42e4d1 rgb(66,228,209)
```
#53e7d5
```
#53e7d5 rgb(83,231,213)
```
#65e9da
```
#65e9da rgb(101,233,218)
```
#76ecde
```
#76ecde rgb(118,236,222)
```
#87eee2
```
#87eee2 rgb(135,238,226)
```
#98f1e6
```
#98f1e6 rgb(152,241,230)
```
#a9f3ea
```
#a9f3ea rgb(169,243,234)
```
#bbf5ee
```
#bbf5ee rgb(187,245,238)
```
#ccf8f3
```
#ccf8f3 rgb(204,248,243)
```
#ddfaf7
```
#ddfaf7 rgb(221,250,247)
```
#eefdfb
```
#eefdfb rgb(238,253,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #82918f is the less saturated color, while #16fde2 is the most saturated one.

#82918f
```
#82918f rgb(130,145,143)
```
#799a96
```
#799a96 rgb(121,154,150)
```
#70a39d
```
#70a39d rgb(112,163,157)
```
#67aca4
```
#67aca4 rgb(103,172,164)
```
#5eb5ab
```
#5eb5ab rgb(94,181,171)
```
#55beb1
```
#55beb1 rgb(85,190,177)
```
#4cc7b8
```
#4cc7b8 rgb(76,199,184)
```
#43d0bf
```
#43d0bf rgb(67,208,191)
```
#3ad9c6
```
#3ad9c6 rgb(58,217,198)
```
#31e2cd
```
#31e2cd rgb(49,226,205)
```
#28ebd4
```
#28ebd4 rgb(40,235,212)
```
#1ff4db
```
#1ff4db rgb(31,244,219)
```
#16fde2
```
#16fde2 rgb(22,253,226)
```

Tone Color Variation

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

#ababab Achromatopsia 0.005% of the population
#93b6b2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d3ccc3 Protanopia 1% of men
#dac7d9 Deuteranopia 1% of men
#56deef Tritanopia 0.001% of the population

Trichromacy

#98d4c7 Protanomaly 1% of men, 0.01% of women
#9cd1d5 Deuteranomaly 6% of men, 0.4% of women
#48dfe2 Tritanomaly 0.01% of the population

#31e2cd hex color

#31e2cd Color Information

#31e2cd Color Conversion

Color Schemes with #31e2cd

Alternatives to #31e2cd

#31e2cd Preview

Shades and Tints of #31e2cd

Tones of #31e2cd

Color Blindness Simulator