#31ecc5 hex color

In a RGB color space, hex #31ecc5 is composed of 19.2% red, 92.5% green and 77.3% blue. Whereas in a CMYK color space, it is composed of 79.2% cyan, 0% magenta, 16.5% yellow and 7.5% black. It has a hue angle of 167.5 degrees, a saturation of 83.1% and a lightness of 55.9%. #31ecc5 color hex could be obtained by blending #62ffff with #00d98b. Closest websafe color is: #33ffcc.

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

● #31ecc5 color description : Bright cyan.

The hexadecimal color #31ecc5 has RGB values of R:49, G:236, B:197 and CMYK values of C:0.79, M:0, Y:0.17, K:0.07. Its decimal value is 3271877.

Hex triplet	31ecc5	`#31ecc5`
RGB Decimal	49, 236, 197	`rgb(49,236,197)`
RGB Percent	19.2, 92.5, 77.3	`rgb(19.2%,92.5%,77.3%)`
CMYK	79, 0, 17, 7
HSL	167.5°, 83.1, 55.9	`hsl(167.5,83.1%,55.9%)`
HSV (or HSB)	167.5°, 79.2, 92.5
Web Safe	33ffcc	`#33ffcc`

CIE-LAB	84.314, -53.566, 6.188
XYZ	41.336, 64.671, 63.124
xyY	0.244, 0.382, 64.671
CIE-LCH	84.314, 53.922, 173.41
CIE-LUV	84.314, -65.919, 17.957
Hunter-Lab	80.418, -48.98, 9.753
Binary	00110001, 11101100, 11000101

#31ecc5
```
#31ecc5 rgb(49,236,197)
```
#ec3158
```
#ec3158 rgb(236,49,88)
```

Complementary Color

#31ec68
```
#31ec68 rgb(49,236,104)
```
#31ecc5
```
#31ecc5 rgb(49,236,197)
```
#31b6ec
```
#31b6ec rgb(49,182,236)
```

Analogous Color

#ec6831
```
#ec6831 rgb(236,104,49)
```
#31ecc5
```
#31ecc5 rgb(49,236,197)
```
#ec31b6
```
#ec31b6 rgb(236,49,182)
```

Split Complementary Color

#ecc531
```
#ecc531 rgb(236,197,49)
```
#31ecc5
```
#31ecc5 rgb(49,236,197)
```
#c531ec
```
#c531ec rgb(197,49,236)
```

Triadic Color

#58ec31
```
#58ec31 rgb(88,236,49)
```
#31ecc5
```
#31ecc5 rgb(49,236,197)
```
#c531ec
```
#c531ec rgb(197,49,236)
```
#ec3158
```
#ec3158 rgb(236,49,88)
```

Tetradic Color

#12bf9b
```
#12bf9b rgb(18,191,155)
```
#14d6ae
```
#14d6ae rgb(20,214,174)
```
#1aeabe
```
#1aeabe rgb(26,234,190)
```
#31ecc5
```
#31ecc5 rgb(49,236,197)
```
#48eecc
```
#48eecc rgb(72,238,204)
```
#60f0d2
```
#60f0d2 rgb(96,240,210)
```
#77f2d9
```
#77f2d9 rgb(119,242,217)
```

Monochromatic Color

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

#31ec96
```
#31ec96 rgb(49,236,150)
```
#31eca6
```
#31eca6 rgb(49,236,166)
```
#31ecb5
```
#31ecb5 rgb(49,236,181)
```
#31ecc5
```
#31ecc5 rgb(49,236,197)
```
#31ecd5
```
#31ecd5 rgb(49,236,213)
```
#31ece4
```
#31ece4 rgb(49,236,228)
```
#31e4ec
```
#31e4ec rgb(49,228,236)
```

Similar Colors

Text with hexadecimal color #31ecc5

This text has a font color of #31ecc5.

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

#31ecc5 background color

This paragraph has a background color of #31ecc5.

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

#31ecc5 border color

This element has a border color of #31ecc5.

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

CSS codes

.text {color:#31ecc5;}

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

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

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

#010a08
```
#010a08 rgb(1,10,8)
```
#031b16
```
#031b16 rgb(3,27,22)
```
#042d25
```
#042d25 rgb(4,45,37)
```
#063f33
```
#063f33 rgb(6,63,51)
```
#085142
```
#085142 rgb(8,81,66)
```
#096351
```
#096351 rgb(9,99,81)
```
#0b755f
```
#0b755f rgb(11,117,95)
```
#0c876e
```
#0c876e rgb(12,135,110)
```
#0e997c
```
#0e997c rgb(14,153,124)
```
#10ab8b
```
#10ab8b rgb(16,171,139)
```
#11bd99
```
#11bd99 rgb(17,189,153)
```
#13cfa8
```
#13cfa8 rgb(19,207,168)
```
#15e1b6
```
#15e1b6 rgb(21,225,182)
```

Shade Color Variation

#1feac0
```
#1feac0 rgb(31,234,192)
```
#31ecc5
```
#31ecc5 rgb(49,236,197)
```
#43eeca
```
#43eeca rgb(67,238,202)
```
#55efcf
```
#55efcf rgb(85,239,207)
```
#67f1d4
```
#67f1d4 rgb(103,241,212)
```
#79f3d9
```
#79f3d9 rgb(121,243,217)
```
#8bf4de
```
#8bf4de rgb(139,244,222)
```
#9df6e3
```
#9df6e3 rgb(157,246,227)
```
#aff8e8
```
#aff8e8 rgb(175,248,232)
```
#c1f9ed
```
#c1f9ed rgb(193,249,237)
```
#d3fbf3
```
#d3fbf3 rgb(211,251,243)
```
#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, #889593 is the less saturated color, while #20fdcf is the most saturated one.

#889593
```
#889593 rgb(136,149,147)
```
#7f9e98
```
#7f9e98 rgb(127,158,152)
```
#76a79d
```
#76a79d rgb(118,167,157)
```
#6eafa2
```
#6eafa2 rgb(110,175,162)
```
#65b8a7
```
#65b8a7 rgb(101,184,167)
```
#5cc1ac
```
#5cc1ac rgb(92,193,172)
```
#54c9b1
```
#54c9b1 rgb(84,201,177)
```
#4bd2b6
```
#4bd2b6 rgb(75,210,182)
```
#42dbbb
```
#42dbbb rgb(66,219,187)
```
#3ae3c0
```
#3ae3c0 rgb(58,227,192)
```
#31ecc5
```
#31ecc5 rgb(49,236,197)
```
#28f5ca
```
#28f5ca rgb(40,245,202)
```
#20fdcf
```
#20fdcf rgb(32,253,207)
```

Tone Color Variation

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

#b0b0b0 Achromatopsia 0.005% of the population
#97bcb4 Atypical Achromatopsia 0.001% of the population

Dichromacy

#ded4bb Protanopia 1% of men
#e8ced2 Deuteranopia 1% of men
#5fe6f7 Tritanopia 0.001% of the population

Trichromacy

#9fdcbf Protanomaly 1% of men, 0.01% of women
#a5d9cd Deuteranomaly 6% of men, 0.4% of women
#4ee8e4 Tritanomaly 0.01% of the population

#31ecc5 hex color

#31ecc5 Color Information

#31ecc5 Color Conversion

Color Schemes with #31ecc5

Alternatives to #31ecc5

#31ecc5 Preview

Shades and Tints of #31ecc5

Tones of #31ecc5

Color Blindness Simulator