#31e8ba hex color

In a RGB color space, hex #31e8ba is composed of 19.2% red, 91% green and 72.9% blue. Whereas in a CMYK color space, it is composed of 78.9% cyan, 0% magenta, 19.8% yellow and 9% black. It has a hue angle of 164.9 degrees, a saturation of 79.9% and a lightness of 55.1%. #31e8ba color hex could be obtained by blending #62ffff with #00d175. Closest websafe color is: #33ffcc.

♥
- f
- t
- g
- R 19
- G 91
- B 73
RGB color chart
- C 79
- M 0
- Y 20
- K 9
CMYK color chart

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

The hexadecimal color #31e8ba has RGB values of R:49, G:232, B:186 and CMYK values of C:0.79, M:0, Y:0.2, K:0.09. Its decimal value is 3270842.

Hex triplet	31e8ba	`#31e8ba`
RGB Decimal	49, 232, 186	`rgb(49,232,186)`
RGB Percent	19.2, 91, 72.9	`rgb(19.2%,91%,72.9%)`
CMYK	79, 0, 20, 9
HSL	164.9°, 79.9, 55.1	`hsl(164.9,79.9%,55.1%)`
HSV (or HSB)	164.9°, 78.9, 91
Web Safe	33ffcc	`#33ffcc`

CIE-LAB	82.864, -54.648, 9.885
XYZ	38.983, 61.907, 56.346
xyY	0.248, 0.394, 61.907
CIE-LCH	82.864, 55.535, 169.747
CIE-LUV	82.864, -65.338, 23.542
Hunter-Lab	78.681, -49.254, 12.617
Binary	00110001, 11101000, 10111010

#31e8ba
```
#31e8ba rgb(49,232,186)
```
#e8315f
```
#e8315f rgb(232,49,95)
```

Complementary Color

#31e85f
```
#31e85f rgb(49,232,95)
```
#31e8ba
```
#31e8ba rgb(49,232,186)
```
#31bbe8
```
#31bbe8 rgb(49,187,232)
```

Analogous Color

#e85f31
```
#e85f31 rgb(232,95,49)
```
#31e8ba
```
#31e8ba rgb(49,232,186)
```
#e831bb
```
#e831bb rgb(232,49,187)
```

Split Complementary Color

#e8ba31
```
#e8ba31 rgb(232,186,49)
```
#31e8ba
```
#31e8ba rgb(49,232,186)
```
#ba31e8
```
#ba31e8 rgb(186,49,232)
```

Triadic Color

#5fe831
```
#5fe831 rgb(95,232,49)
```
#31e8ba
```
#31e8ba rgb(49,232,186)
```
#ba31e8
```
#ba31e8 rgb(186,49,232)
```
#e8315f
```
#e8315f rgb(232,49,95)
```

Tetradic Color

#15b88f
```
#15b88f rgb(21,184,143)
```
#17cfa1
```
#17cfa1 rgb(23,207,161)
```
#1ae5b2
```
#1ae5b2 rgb(26,229,178)
```
#31e8ba
```
#31e8ba rgb(49,232,186)
```
#48ebc2
```
#48ebc2 rgb(72,235,194)
```
#5fedc9
```
#5fedc9 rgb(95,237,201)
```
#76f0d1
```
#76f0d1 rgb(118,240,209)
```

Monochromatic Color

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

#31e88c
```
#31e88c rgb(49,232,140)
```
#31e89c
```
#31e89c rgb(49,232,156)
```
#31e8ab
```
#31e8ab rgb(49,232,171)
```
#31e8ba
```
#31e8ba rgb(49,232,186)
```
#31e8c9
```
#31e8c9 rgb(49,232,201)
```
#31e8d9
```
#31e8d9 rgb(49,232,217)
```
#31e8e8
```
#31e8e8 rgb(49,232,232)
```

Similar Colors

Text with hexadecimal color #31e8ba

This text has a font color of #31e8ba.

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

#31e8ba background color

This paragraph has a background color of #31e8ba.

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

#31e8ba border color

This element has a border color of #31e8ba.

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

CSS codes

.text {color:#31e8ba;}

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

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

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, #010604 is the darkest color, while #f3fefb is the lightest one.

#010604
```
#010604 rgb(1,6,4)
```
#031712
```
#031712 rgb(3,23,18)
```
#052920
```
#052920 rgb(5,41,32)
```
#073b2e
```
#073b2e rgb(7,59,46)
```
#094c3b
```
#094c3b rgb(9,76,59)
```
#0a5e49
```
#0a5e49 rgb(10,94,73)
```
#0c7057
```
#0c7057 rgb(12,112,87)
```
#0e8164
```
#0e8164 rgb(14,129,100)
```
#109372
```
#109372 rgb(16,147,114)
```
#12a580
```
#12a580 rgb(18,165,128)
```
#14b68e
```
#14b68e rgb(20,182,142)
```
#16c89b
```
#16c89b rgb(22,200,155)
```
#18d9a9
```
#18d9a9 rgb(24,217,169)
```

Shade Color Variation

#1fe6b4
```
#1fe6b4 rgb(31,230,180)
```
#31e8ba
```
#31e8ba rgb(49,232,186)
```
#43eac0
```
#43eac0 rgb(67,234,192)
```
#54ecc6
```
#54ecc6 rgb(84,236,198)
```
#66eecc
```
#66eecc rgb(102,238,204)
```
#78f0d2
```
#78f0d2 rgb(120,240,210)
```
#89f2d8
```
#89f2d8 rgb(137,242,216)
```
#9bf4dd
```
#9bf4dd rgb(155,244,221)
```
#adf6e3
```
#adf6e3 rgb(173,246,227)
```
#bef8e9
```
#bef8e9 rgb(190,248,233)
```
#d0faef
```
#d0faef rgb(208,250,239)
```
#e1fcf5
```
#e1fcf5 rgb(225,252,245)
```
#f3fefb
```
#f3fefb rgb(243,254,251)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #89908e is the less saturated color, while #1ffac3 is the most saturated one.

#89908e
```
#89908e rgb(137,144,142)
```
#809993
```
#809993 rgb(128,153,147)
```
#77a297
```
#77a297 rgb(119,162,151)
```
#6faa9b
```
#6faa9b rgb(111,170,155)
```
#66b3a0
```
#66b3a0 rgb(102,179,160)
```
#5dbca4
```
#5dbca4 rgb(93,188,164)
```
#54c5a8
```
#54c5a8 rgb(84,197,168)
```
#4bcead
```
#4bcead rgb(75,206,173)
```
#43d6b1
```
#43d6b1 rgb(67,214,177)
```
#3adfb6
```
#3adfb6 rgb(58,223,182)
```
#31e8ba
```
#31e8ba rgb(49,232,186)
```
#28f1be
```
#28f1be rgb(40,241,190)
```
#1ffac3
```
#1ffac3 rgb(31,250,195)
```

Tone Color Variation

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

#acacac Achromatopsia 0.005% of the population
#93b8af Atypical Achromatopsia 0.001% of the population

Dichromacy

#dbd0b1 Protanopia 1% of men
#e7cac8 Deuteranopia 1% of men
#61e1f2 Tritanopia 0.001% of the population

Trichromacy

#9dd8b4 Protanomaly 1% of men, 0.01% of women
#a5d5c3 Deuteranomaly 6% of men, 0.4% of women
#4fe4dd Tritanomaly 0.01% of the population

#31e8ba hex color

#31e8ba Color Information

#31e8ba Color Conversion

Color Schemes with #31e8ba

Alternatives to #31e8ba

#31e8ba Preview

Shades and Tints of #31e8ba

Tones of #31e8ba

Color Blindness Simulator