#31efb2 hex color

In a RGB color space, hex #31efb2 is composed of 19.2% red, 93.7% green and 69.8% blue. Whereas in a CMYK color space, it is composed of 79.5% cyan, 0% magenta, 25.5% yellow and 6.3% black. It has a hue angle of 160.7 degrees, a saturation of 85.6% and a lightness of 56.5%. #31efb2 color hex could be obtained by blending #62ffff with #00df65. Closest websafe color is: #33ff99.

♥
- f
- t
- g
- R 19
- G 94
- B 70
RGB color chart
- C 79
- M 0
- Y 26
- K 6
CMYK color chart

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

The hexadecimal color #31efb2 has RGB values of R:49, G:239, B:178 and CMYK values of C:0.79, M:0, Y:0.26, K:0.06. Its decimal value is 3272626.

Hex triplet	31efb2	`#31efb2`
RGB Decimal	49, 239, 178	`rgb(49,239,178)`
RGB Percent	19.2, 93.7, 69.8	`rgb(19.2%,93.7%,69.8%)`
CMYK	79, 0, 26, 6
HSL	160.7°, 85.6, 56.5	`hsl(160.7,85.6%,56.5%)`
HSV (or HSB)	160.7°, 79.5, 93.7
Web Safe	33ff99	`#33ff99`

CIE-LAB	84.79, -59.229, 16.785
XYZ	40.166, 65.596, 52.661
xyY	0.254, 0.414, 65.596
CIE-LCH	84.79, 61.561, 164.178
CIE-LUV	84.79, -68.259, 34.267
Hunter-Lab	80.991, -53.213, 18.143
Binary	00110001, 11101111, 10110010

#31efb2
```
#31efb2 rgb(49,239,178)
```
#ef316e
```
#ef316e rgb(239,49,110)
```

Complementary Color

#31ef53
```
#31ef53 rgb(49,239,83)
```
#31efb2
```
#31efb2 rgb(49,239,178)
```
#31cdef
```
#31cdef rgb(49,205,239)
```

Analogous Color

#ef5331
```
#ef5331 rgb(239,83,49)
```
#31efb2
```
#31efb2 rgb(49,239,178)
```
#ef31cd
```
#ef31cd rgb(239,49,205)
```

Split Complementary Color

#efb231
```
#efb231 rgb(239,178,49)
```
#31efb2
```
#31efb2 rgb(49,239,178)
```
#b231ef
```
#b231ef rgb(178,49,239)
```

Triadic Color

#6eef31
```
#6eef31 rgb(110,239,49)
```
#31efb2
```
#31efb2 rgb(49,239,178)
```
#b231ef
```
#b231ef rgb(178,49,239)
```
#ef316e
```
#ef316e rgb(239,49,110)
```

Tetradic Color

#0fc48a
```
#0fc48a rgb(15,196,138)
```
#11dc9b
```
#11dc9b rgb(17,220,155)
```
#19eda9
```
#19eda9 rgb(25,237,169)
```
#31efb2
```
#31efb2 rgb(49,239,178)
```
#49f1bb
```
#49f1bb rgb(73,241,187)
```
#60f3c4
```
#60f3c4 rgb(96,243,196)
```
#78f5cd
```
#78f5cd rgb(120,245,205)
```

Monochromatic Color

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

#31ef83
```
#31ef83 rgb(49,239,131)
```
#31ef92
```
#31ef92 rgb(49,239,146)
```
#31efa2
```
#31efa2 rgb(49,239,162)
```
#31efb2
```
#31efb2 rgb(49,239,178)
```
#31efc2
```
#31efc2 rgb(49,239,194)
```
#31efd2
```
#31efd2 rgb(49,239,210)
```
#31efe2
```
#31efe2 rgb(49,239,226)
```

Similar Colors

Text with hexadecimal color #31efb2

This text has a font color of #31efb2.

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

#31efb2 background color

This paragraph has a background color of #31efb2.

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

#31efb2 border color

This element has a border color of #31efb2.

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

CSS codes

.text {color:#31efb2;}

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

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

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

#010c09
```
#010c09 rgb(1,12,9)
```
#021f16
```
#021f16 rgb(2,31,22)
```
#043122
```
#043122 rgb(4,49,34)
```
#05432f
```
#05432f rgb(5,67,47)
```
#07553c
```
#07553c rgb(7,85,60)
```
#086749
```
#086749 rgb(8,103,73)
```
#097a56
```
#097a56 rgb(9,122,86)
```
#0b8c62
```
#0b8c62 rgb(11,140,98)
```
#0c9e6f
```
#0c9e6f rgb(12,158,111)
```
#0eb07c
```
#0eb07c rgb(14,176,124)
```
#0fc289
```
#0fc289 rgb(15,194,137)
```
#11d596
```
#11d596 rgb(17,213,150)
```
#12e7a2
```
#12e7a2 rgb(18,231,162)
```

Shade Color Variation

#1feeab
```
#1feeab rgb(31,238,171)
```
#31efb2
```
#31efb2 rgb(49,239,178)
```
#43f0b9
```
#43f0b9 rgb(67,240,185)
```
#55f2c0
```
#55f2c0 rgb(85,242,192)
```
#68f3c6
```
#68f3c6 rgb(104,243,198)
```
#7af5cd
```
#7af5cd rgb(122,245,205)
```
#8cf6d4
```
#8cf6d4 rgb(140,246,212)
```
#9ef7db
```
#9ef7db rgb(158,247,219)
```
#b0f9e2
```
#b0f9e2 rgb(176,249,226)
```
#c3fae8
```
#c3fae8 rgb(195,250,232)
```
#d5fcef
```
#d5fcef rgb(213,252,239)
```
#e7fdf6
```
#e7fdf6 rgb(231,253,246)
```
#f9fffd
```
#f9fffd rgb(249,255,253)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #8f9190 is the less saturated color, while #28f8b5 is the most saturated one.

#8f9190
```
#8f9190 rgb(143,145,144)
```
#869a93
```
#869a93 rgb(134,154,147)
```
#7ea296
```
#7ea296 rgb(126,162,150)
```
#75ab9a
```
#75ab9a rgb(117,171,154)
```
#6db39d
```
#6db39d rgb(109,179,157)
```
#64bca0
```
#64bca0 rgb(100,188,160)
```
#5cc4a3
```
#5cc4a3 rgb(92,196,163)
```
#53cda6
```
#53cda6 rgb(83,205,166)
```
#4bd5a9
```
#4bd5a9 rgb(75,213,169)
```
#42deac
```
#42deac rgb(66,222,172)
```
#3ae6af
```
#3ae6af rgb(58,230,175)
```
#31efb2
```
#31efb2 rgb(49,239,178)
```
#28f8b5
```
#28f8b5 rgb(40,248,181)
```

Tone Color Variation

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

Dichromacy

#e3d5aa Protanopia 1% of men
#f1cec1 Deuteranopia 1% of men
#68e6f7 Tritanopia 0.001% of the population

Trichromacy

#a2dead Protanomaly 1% of men, 0.01% of women
#abdabb Deuteranomaly 6% of men, 0.4% of women
#54e9de Tritanomaly 0.01% of the population

#31efb2 hex color

#31efb2 Color Information

#31efb2 Color Conversion

Color Schemes with #31efb2

Alternatives to #31efb2

#31efb2 Preview

Shades and Tints of #31efb2

Tones of #31efb2

Color Blindness Simulator