#31ecbb hex color

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

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

● #31ecbb color description : Bright cyan - lime green.

The hexadecimal color #31ecbb has RGB values of R:49, G:236, B:187 and CMYK values of C:0.79, M:0, Y:0.21, K:0.07. Its decimal value is 3271867.

Hex triplet	31ecbb	`#31ecbb`
RGB Decimal	49, 236, 187	`rgb(49,236,187)`
RGB Percent	19.2, 92.5, 73.3	`rgb(19.2%,92.5%,73.3%)`
CMYK	79, 0, 21, 7
HSL	164.3°, 83.1, 55.9	`hsl(164.3,83.1%,55.9%)`
HSV (or HSB)	164.3°, 79.2, 92.5
Web Safe	33ffcc	`#33ffcc`

CIE-LAB	84.084, -55.992, 11.099
XYZ	40.228, 64.228, 57.288
xyY	0.249, 0.397, 64.228
CIE-LCH	84.084, 57.081, 168.788
CIE-LUV	84.084, -66.626, 25.587
Hunter-Lab	80.142, -50.649, 13.717
Binary	00110001, 11101100, 10111011

#31ecbb
```
#31ecbb rgb(49,236,187)
```
#ec3162
```
#ec3162 rgb(236,49,98)
```

Complementary Color

#31ec5e
```
#31ec5e rgb(49,236,94)
```
#31ecbb
```
#31ecbb rgb(49,236,187)
```
#31c0ec
```
#31c0ec rgb(49,192,236)
```

Analogous Color

#ec5e31
```
#ec5e31 rgb(236,94,49)
```
#31ecbb
```
#31ecbb rgb(49,236,187)
```
#ec31c0
```
#ec31c0 rgb(236,49,192)
```

Split Complementary Color

#ecbb31
```
#ecbb31 rgb(236,187,49)
```
#31ecbb
```
#31ecbb rgb(49,236,187)
```
#bb31ec
```
#bb31ec rgb(187,49,236)
```

Triadic Color

#62ec31
```
#62ec31 rgb(98,236,49)
```
#31ecbb
```
#31ecbb rgb(49,236,187)
```
#bb31ec
```
#bb31ec rgb(187,49,236)
```
#ec3162
```
#ec3162 rgb(236,49,98)
```

Tetradic Color

#12bf91
```
#12bf91 rgb(18,191,145)
```
#14d6a3
```
#14d6a3 rgb(20,214,163)
```
#1aeab3
```
#1aeab3 rgb(26,234,179)
```
#31ecbb
```
#31ecbb rgb(49,236,187)
```
#48eec3
```
#48eec3 rgb(72,238,195)
```
#60f0ca
```
#60f0ca rgb(96,240,202)
```
#77f2d2
```
#77f2d2 rgb(119,242,210)
```

Monochromatic Color

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

#31ec8c
```
#31ec8c rgb(49,236,140)
```
#31ec9c
```
#31ec9c rgb(49,236,156)
```
#31ecab
```
#31ecab rgb(49,236,171)
```
#31ecbb
```
#31ecbb rgb(49,236,187)
```
#31eccb
```
#31eccb rgb(49,236,203)
```
#31ecda
```
#31ecda rgb(49,236,218)
```
#31ecea
```
#31ecea rgb(49,236,234)
```

Similar Colors

Text with hexadecimal color #31ecbb

This text has a font color of #31ecbb.

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

#31ecbb background color

This paragraph has a background color of #31ecbb.

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

#31ecbb border color

This element has a border color of #31ecbb.

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

CSS codes

.text {color:#31ecbb;}

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

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

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

#010a07
```
#010a07 rgb(1,10,7)
```
#031b15
```
#031b15 rgb(3,27,21)
```
#042d23
```
#042d23 rgb(4,45,35)
```
#063f30
```
#063f30 rgb(6,63,48)
```
#08513e
```
#08513e rgb(8,81,62)
```
#09634c
```
#09634c rgb(9,99,76)
```
#0b7559
```
#0b7559 rgb(11,117,89)
```
#0c8767
```
#0c8767 rgb(12,135,103)
```
#0e9975
```
#0e9975 rgb(14,153,117)
```
#10ab82
```
#10ab82 rgb(16,171,130)
```
#11bd90
```
#11bd90 rgb(17,189,144)
```
#13cf9e
```
#13cf9e rgb(19,207,158)
```
#15e1ab
```
#15e1ab rgb(21,225,171)
```

Shade Color Variation

#1feab5
```
#1feab5 rgb(31,234,181)
```
#31ecbb
```
#31ecbb rgb(49,236,187)
```
#43eec1
```
#43eec1 rgb(67,238,193)
```
#55efc7
```
#55efc7 rgb(85,239,199)
```
#67f1cd
```
#67f1cd rgb(103,241,205)
```
#79f3d3
```
#79f3d3 rgb(121,243,211)
```
#8bf4d9
```
#8bf4d9 rgb(139,244,217)
```
#9df6df
```
#9df6df rgb(157,246,223)
```
#aff8e4
```
#aff8e4 rgb(175,248,228)
```
#c1f9ea
```
#c1f9ea rgb(193,249,234)
```
#d3fbf0
```
#d3fbf0 rgb(211,251,240)
```
#e5fdf6
```
#e5fdf6 rgb(229,253,246)
```
#f7fefc
```
#f7fefc rgb(247,254,252)
```

Tint Color Variation

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

#889592
```
#889592 rgb(136,149,146)
```
#7f9e96
```
#7f9e96 rgb(127,158,150)
```
#76a79a
```
#76a79a rgb(118,167,154)
```
#6eaf9e
```
#6eaf9e rgb(110,175,158)
```
#65b8a2
```
#65b8a2 rgb(101,184,162)
```
#5cc1a6
```
#5cc1a6 rgb(92,193,166)
```
#54c9ab
```
#54c9ab rgb(84,201,171)
```
#4bd2af
```
#4bd2af rgb(75,210,175)
```
#42dbb3
```
#42dbb3 rgb(66,219,179)
```
#3ae3b7
```
#3ae3b7 rgb(58,227,183)
```
#31ecbb
```
#31ecbb rgb(49,236,187)
```
#28f5bf
```
#28f5bf rgb(40,245,191)
```
#20fdc3
```
#20fdc3 rgb(32,253,195)
```

Tone Color Variation

Below, you can see how #31ecbb 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
#96bbb1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#dfd3b2 Protanopia 1% of men
#ebcdc9 Deuteranopia 1% of men
#63e5f5 Tritanopia 0.001% of the population

Trichromacy

#9fdcb5 Protanomaly 1% of men, 0.01% of women
#a7d8c4 Deuteranomaly 6% of men, 0.4% of women
#51e7e0 Tritanomaly 0.01% of the population

#31ecbb hex color

#31ecbb Color Information

#31ecbb Color Conversion

Color Schemes with #31ecbb

Alternatives to #31ecbb

#31ecbb Preview

Shades and Tints of #31ecbb

Tones of #31ecbb

Color Blindness Simulator