#31edb2 hex color

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

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

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

The hexadecimal color #31edb2 has RGB values of R:49, G:237, B:178 and CMYK values of C:0.79, M:0, Y:0.25, K:0.07. Its decimal value is 3272114.

Hex triplet	31edb2	`#31edb2`
RGB Decimal	49, 237, 178	`rgb(49,237,178)`
RGB Percent	19.2, 92.9, 69.8	`rgb(19.2%,92.9%,69.8%)`
CMYK	79, 0, 25, 7
HSL	161.2°, 83.9, 56.1	`hsl(161.2,83.9%,56.1%)`
HSV (or HSB)	161.2°, 79.3, 92.9
Web Safe	33ff99	`#33ff99`

CIE-LAB	84.19, -58.465, 15.944
XYZ	39.583, 64.432, 52.467
xyY	0.253, 0.412, 64.432
CIE-LCH	84.19, 60.6, 164.746
CIE-LUV	84.19, -67.585, 32.919
Hunter-Lab	80.269, -52.447, 17.434
Binary	00110001, 11101101, 10110010

#31edb2
```
#31edb2 rgb(49,237,178)
```
#ed316c
```
#ed316c rgb(237,49,108)
```

Complementary Color

#31ed54
```
#31ed54 rgb(49,237,84)
```
#31edb2
```
#31edb2 rgb(49,237,178)
```
#31caed
```
#31caed rgb(49,202,237)
```

Analogous Color

#ed5431
```
#ed5431 rgb(237,84,49)
```
#31edb2
```
#31edb2 rgb(49,237,178)
```
#ed31ca
```
#ed31ca rgb(237,49,202)
```

Split Complementary Color

#edb231
```
#edb231 rgb(237,178,49)
```
#31edb2
```
#31edb2 rgb(49,237,178)
```
#b231ed
```
#b231ed rgb(178,49,237)
```

Triadic Color

#6ced31
```
#6ced31 rgb(108,237,49)
```
#31edb2
```
#31edb2 rgb(49,237,178)
```
#b231ed
```
#b231ed rgb(178,49,237)
```
#ed316c
```
#ed316c rgb(237,49,108)
```

Tetradic Color

#11c189
```
#11c189 rgb(17,193,137)
```
#13d89a
```
#13d89a rgb(19,216,154)
```
#1aeba9
```
#1aeba9 rgb(26,235,169)
```
#31edb2
```
#31edb2 rgb(49,237,178)
```
#48efbb
```
#48efbb rgb(72,239,187)
```
#60f1c4
```
#60f1c4 rgb(96,241,196)
```
#77f3cc
```
#77f3cc rgb(119,243,204)
```

Monochromatic Color

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

#31ed83
```
#31ed83 rgb(49,237,131)
```
#31ed93
```
#31ed93 rgb(49,237,147)
```
#31eda2
```
#31eda2 rgb(49,237,162)
```
#31edb2
```
#31edb2 rgb(49,237,178)
```
#31edc2
```
#31edc2 rgb(49,237,194)
```
#31edd1
```
#31edd1 rgb(49,237,209)
```
#31ede1
```
#31ede1 rgb(49,237,225)
```

Similar Colors

Text with hexadecimal color #31edb2

This text has a font color of #31edb2.

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

#31edb2 background color

This paragraph has a background color of #31edb2.

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

#31edb2 border color

This element has a border color of #31edb2.

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

CSS codes

.text {color:#31edb2;}

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

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

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)
```
#021d14
```
#021d14 rgb(2,29,20)
```
#042f21
```
#042f21 rgb(4,47,33)
```
#06412e
```
#06412e rgb(6,65,46)
```
#07533b
```
#07533b rgb(7,83,59)
```
#096548
```
#096548 rgb(9,101,72)
```
#0a7755
```
#0a7755 rgb(10,119,85)
```
#0c8962
```
#0c8962 rgb(12,137,98)
```
#0e9b6e
```
#0e9b6e rgb(14,155,110)
```
#0fad7b
```
#0fad7b rgb(15,173,123)
```
#11bf88
```
#11bf88 rgb(17,191,136)
```
#12d195
```
#12d195 rgb(18,209,149)
```
#14e3a2
```
#14e3a2 rgb(20,227,162)
```

Shade Color Variation

#1febab
```
#1febab rgb(31,235,171)
```
#31edb2
```
#31edb2 rgb(49,237,178)
```
#43efb9
```
#43efb9 rgb(67,239,185)
```
#55f0bf
```
#55f0bf rgb(85,240,191)
```
#67f2c6
```
#67f2c6 rgb(103,242,198)
```
#79f3cd
```
#79f3cd rgb(121,243,205)
```
#8bf5d4
```
#8bf5d4 rgb(139,245,212)
```
#9df6da
```
#9df6da rgb(157,246,218)
```
#aff8e1
```
#aff8e1 rgb(175,248,225)
```
#c1fae8
```
#c1fae8 rgb(193,250,232)
```
#d3fbef
```
#d3fbef rgb(211,251,239)
```
#e5fdf5
```
#e5fdf5 rgb(229,253,245)
```
#f7fefc
```
#f7fefc rgb(247,254,252)
```

Tint Color Variation

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

#879792
```
#879792 rgb(135,151,146)
```
#7f9f95
```
#7f9f95 rgb(127,159,149)
```
#76a898
```
#76a898 rgb(118,168,152)
```
#6db19c
```
#6db19c rgb(109,177,156)
```
#65b99f
```
#65b99f rgb(101,185,159)
```
#5cc2a2
```
#5cc2a2 rgb(92,194,162)
```
#53cba5
```
#53cba5 rgb(83,203,165)
```
#4bd3a8
```
#4bd3a8 rgb(75,211,168)
```
#42dcac
```
#42dcac rgb(66,220,172)
```
#3ae4af
```
#3ae4af rgb(58,228,175)
```
#31edb2
```
#31edb2 rgb(49,237,178)
```
#28f6b5
```
#28f6b5 rgb(40,246,181)
```
#20feb8
```
#20feb8 rgb(32,254,184)
```

Tone Color Variation

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

#aeaeae Achromatopsia 0.005% of the population
#95bbaf Atypical Achromatopsia 0.001% of the population

Dichromacy

#e1d3aa Protanopia 1% of men
#efcdc1 Deuteranopia 1% of men
#67e5f6 Tritanopia 0.001% of the population

Trichromacy

#a1ddad Protanomaly 1% of men, 0.01% of women
#a9d8bb Deuteranomaly 6% of men, 0.4% of women
#53e8dd Tritanomaly 0.01% of the population

#31edb2 hex color

#31edb2 Color Information

#31edb2 Color Conversion

Color Schemes with #31edb2

Alternatives to #31edb2

#31edb2 Preview

Shades and Tints of #31edb2

Tones of #31edb2

Color Blindness Simulator