#31edc9 hex color

In a RGB color space, hex #31edc9 is composed of 19.2% red, 92.9% green and 78.8% blue. Whereas in a CMYK color space, it is composed of 79.3% cyan, 0% magenta, 15.2% yellow and 7.1% black. It has a hue angle of 168.5 degrees, a saturation of 83.9% and a lightness of 56.1%. #31edc9 color hex could be obtained by blending #62ffff with #00db93. Closest websafe color is: #33ffcc.

♥
- f
- t
- g
- R 19
- G 93
- B 79
RGB color chart
- C 79
- M 0
- Y 15
- K 7
CMYK color chart

● #31edc9 color description : Bright cyan.

The hexadecimal color #31edc9 has RGB values of R:49, G:237, B:201 and CMYK values of C:0.79, M:0, Y:0.15, K:0.07. Its decimal value is 3272137.

Hex triplet	31edc9	`#31edc9`
RGB Decimal	49, 237, 201	`rgb(49,237,201)`
RGB Percent	19.2, 92.9, 78.8	`rgb(19.2%,92.9%,78.8%)`
CMYK	79, 0, 15, 7
HSL	168.5°, 83.9, 56.1	`hsl(168.5,83.9%,56.1%)`
HSV (or HSB)	168.5°, 79.3, 92.9
Web Safe	33ffcc	`#33ffcc`

CIE-LAB	84.707, -52.973, 4.657
XYZ	42.09, 65.434, 65.667
xyY	0.243, 0.378, 65.434
CIE-LCH	84.707, 53.177, 174.976
CIE-LUV	84.707, -65.971, 15.567
Hunter-Lab	80.891, -48.682, 8.493
Binary	00110001, 11101101, 11001001

#31edc9
```
#31edc9 rgb(49,237,201)
```
#ed3155
```
#ed3155 rgb(237,49,85)
```

Complementary Color

#31ed6b
```
#31ed6b rgb(49,237,107)
```
#31edc9
```
#31edc9 rgb(49,237,201)
```
#31b3ed
```
#31b3ed rgb(49,179,237)
```

Analogous Color

#ed6b31
```
#ed6b31 rgb(237,107,49)
```
#31edc9
```
#31edc9 rgb(49,237,201)
```
#ed31b3
```
#ed31b3 rgb(237,49,179)
```

Split Complementary Color

#edc931
```
#edc931 rgb(237,201,49)
```
#31edc9
```
#31edc9 rgb(49,237,201)
```
#c931ed
```
#c931ed rgb(201,49,237)
```

Triadic Color

#55ed31
```
#55ed31 rgb(85,237,49)
```
#31edc9
```
#31edc9 rgb(49,237,201)
```
#c931ed
```
#c931ed rgb(201,49,237)
```
#ed3155
```
#ed3155 rgb(237,49,85)
```

Tetradic Color

#11c19f
```
#11c19f rgb(17,193,159)
```
#13d8b2
```
#13d8b2 rgb(19,216,178)
```
#1aebc3
```
#1aebc3 rgb(26,235,195)
```
#31edc9
```
#31edc9 rgb(49,237,201)
```
#48efcf
```
#48efcf rgb(72,239,207)
```
#60f1d5
```
#60f1d5 rgb(96,241,213)
```
#77f3db
```
#77f3db rgb(119,243,219)
```

Monochromatic Color

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

#31ed9a
```
#31ed9a rgb(49,237,154)
```
#31edaa
```
#31edaa rgb(49,237,170)
```
#31edb9
```
#31edb9 rgb(49,237,185)
```
#31edc9
```
#31edc9 rgb(49,237,201)
```
#31edd9
```
#31edd9 rgb(49,237,217)
```
#31ede8
```
#31ede8 rgb(49,237,232)
```
#31e2ed
```
#31e2ed rgb(49,226,237)
```

Similar Colors

Text with hexadecimal color #31edc9

This text has a font color of #31edc9.

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

#31edc9 background color

This paragraph has a background color of #31edc9.

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

#31edc9 border color

This element has a border color of #31edc9.

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

CSS codes

.text {color:#31edc9;}

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

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

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, #010a09 is the darkest color, while #f7fefd is the lightest one.

#010a09
```
#010a09 rgb(1,10,9)
```
#021d18
```
#021d18 rgb(2,29,24)
```
#042f26
```
#042f26 rgb(4,47,38)
```
#064135
```
#064135 rgb(6,65,53)
```
#075344
```
#075344 rgb(7,83,68)
```
#096553
```
#096553 rgb(9,101,83)
```
#0a7762
```
#0a7762 rgb(10,119,98)
```
#0c8971
```
#0c8971 rgb(12,137,113)
```
#0e9b80
```
#0e9b80 rgb(14,155,128)
```
#0fad8f
```
#0fad8f rgb(15,173,143)
```
#11bf9e
```
#11bf9e rgb(17,191,158)
```
#12d1ac
```
#12d1ac rgb(18,209,172)
```
#14e3bb
```
#14e3bb rgb(20,227,187)
```

Shade Color Variation

#1febc4
```
#1febc4 rgb(31,235,196)
```
#31edc9
```
#31edc9 rgb(49,237,201)
```
#43efce
```
#43efce rgb(67,239,206)
```
#55f0d2
```
#55f0d2 rgb(85,240,210)
```
#67f2d7
```
#67f2d7 rgb(103,242,215)
```
#79f3dc
```
#79f3dc rgb(121,243,220)
```
#8bf5e1
```
#8bf5e1 rgb(139,245,225)
```
#9df6e5
```
#9df6e5 rgb(157,246,229)
```
#aff8ea
```
#aff8ea rgb(175,248,234)
```
#c1faef
```
#c1faef rgb(193,250,239)
```
#d3fbf4
```
#d3fbf4 rgb(211,251,244)
```
#e5fdf8
```
#e5fdf8 rgb(229,253,248)
```
#f7fefd
```
#f7fefd rgb(247,254,253)
```

Tint Color Variation

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

#879794
```
#879794 rgb(135,151,148)
```
#7f9f99
```
#7f9f99 rgb(127,159,153)
```
#76a89e
```
#76a89e rgb(118,168,158)
```
#6db1a4
```
#6db1a4 rgb(109,177,164)
```
#65b9a9
```
#65b9a9 rgb(101,185,169)
```
#5cc2ae
```
#5cc2ae rgb(92,194,174)
```
#53cbb4
```
#53cbb4 rgb(83,203,180)
```
#4bd3b9
```
#4bd3b9 rgb(75,211,185)
```
#42dcbe
```
#42dcbe rgb(66,220,190)
```
#3ae4c4
```
#3ae4c4 rgb(58,228,196)
```
#31edc9
```
#31edc9 rgb(49,237,201)
```
#28f6ce
```
#28f6ce rgb(40,246,206)
```
#20fed4
```
#20fed4 rgb(32,254,212)
```

Tone Color Variation

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

#b1b1b1 Achromatopsia 0.005% of the population
#97bdb6 Atypical Achromatopsia 0.001% of the population

Dichromacy

#ded5bf Protanopia 1% of men
#e8cfd6 Deuteranopia 1% of men
#5ee7f8 Tritanopia 0.001% of the population

Trichromacy

#9fddc2 Protanomaly 1% of men, 0.01% of women
#a5dad1 Deuteranomaly 6% of men, 0.4% of women
#4ee9e7 Tritanomaly 0.01% of the population

#31edc9 hex color

#31edc9 Color Information

#31edc9 Color Conversion

Color Schemes with #31edc9

Alternatives to #31edc9

#31edc9 Preview

Shades and Tints of #31edc9

Tones of #31edc9

Color Blindness Simulator