#31e8bb hex color

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

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

● #31e8bb color description : Bright cyan.

The hexadecimal color #31e8bb has RGB values of R:49, G:232, B:187 and CMYK values of C:0.79, M:0, Y:0.19, K:0.09. Its decimal value is 3270843.

Hex triplet	31e8bb	`#31e8bb`
RGB Decimal	49, 232, 187	`rgb(49,232,187)`
RGB Percent	19.2, 91, 73.3	`rgb(19.2%,91%,73.3%)`
CMYK	79, 0, 19, 9
HSL	165.2°, 79.9, 55.1	`hsl(165.2,79.9%,55.1%)`
HSV (or HSB)	165.2°, 78.9, 91
Web Safe	33ffcc	`#33ffcc`

CIE-LAB	82.887, -54.407, 9.392
XYZ	39.089, 61.95, 56.908
xyY	0.247, 0.392, 61.95
CIE-LCH	82.887, 55.212, 170.206
CIE-LUV	82.887, -65.267, 22.784
Hunter-Lab	78.708, -49.09, 12.228
Binary	00110001, 11101000, 10111011

#31e8bb
```
#31e8bb rgb(49,232,187)
```
#e8315e
```
#e8315e rgb(232,49,94)
```

Complementary Color

#31e860
```
#31e860 rgb(49,232,96)
```
#31e8bb
```
#31e8bb rgb(49,232,187)
```
#31bae8
```
#31bae8 rgb(49,186,232)
```

Analogous Color

#e86031
```
#e86031 rgb(232,96,49)
```
#31e8bb
```
#31e8bb rgb(49,232,187)
```
#e831ba
```
#e831ba rgb(232,49,186)
```

Split Complementary Color

#e8bb31
```
#e8bb31 rgb(232,187,49)
```
#31e8bb
```
#31e8bb rgb(49,232,187)
```
#bb31e8
```
#bb31e8 rgb(187,49,232)
```

Triadic Color

#5ee831
```
#5ee831 rgb(94,232,49)
```
#31e8bb
```
#31e8bb rgb(49,232,187)
```
#bb31e8
```
#bb31e8 rgb(187,49,232)
```
#e8315e
```
#e8315e rgb(232,49,94)
```

Tetradic Color

#15b890
```
#15b890 rgb(21,184,144)
```
#17cfa2
```
#17cfa2 rgb(23,207,162)
```
#1ae5b3
```
#1ae5b3 rgb(26,229,179)
```
#31e8bb
```
#31e8bb rgb(49,232,187)
```
#48ebc3
```
#48ebc3 rgb(72,235,195)
```
#5fedca
```
#5fedca rgb(95,237,202)
```
#76f0d2
```
#76f0d2 rgb(118,240,210)
```

Monochromatic Color

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

#31e88d
```
#31e88d rgb(49,232,141)
```
#31e89d
```
#31e89d rgb(49,232,157)
```
#31e8ac
```
#31e8ac rgb(49,232,172)
```
#31e8bb
```
#31e8bb rgb(49,232,187)
```
#31e8ca
```
#31e8ca rgb(49,232,202)
```
#31e8da
```
#31e8da rgb(49,232,218)
```
#31e7e8
```
#31e7e8 rgb(49,231,232)
```

Similar Colors

Text with hexadecimal color #31e8bb

This text has a font color of #31e8bb.

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

#31e8bb background color

This paragraph has a background color of #31e8bb.

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

#31e8bb border color

This element has a border color of #31e8bb.

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

CSS codes

.text {color:#31e8bb;}

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

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

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)
```
#094c3c
```
#094c3c rgb(9,76,60)
```
#0a5e49
```
#0a5e49 rgb(10,94,73)
```
#0c7057
```
#0c7057 rgb(12,112,87)
```
#0e8165
```
#0e8165 rgb(14,129,101)
```
#109373
```
#109373 rgb(16,147,115)
```
#12a581
```
#12a581 rgb(18,165,129)
```
#14b68e
```
#14b68e rgb(20,182,142)
```
#16c89c
```
#16c89c rgb(22,200,156)
```
#18d9aa
```
#18d9aa rgb(24,217,170)
```

Shade Color Variation

#1fe6b5
```
#1fe6b5 rgb(31,230,181)
```
#31e8bb
```
#31e8bb rgb(49,232,187)
```
#43eac1
```
#43eac1 rgb(67,234,193)
```
#54ecc7
```
#54ecc7 rgb(84,236,199)
```
#66eecc
```
#66eecc rgb(102,238,204)
```
#78f0d2
```
#78f0d2 rgb(120,240,210)
```
#89f2d8
```
#89f2d8 rgb(137,242,216)
```
#9bf4de
```
#9bf4de rgb(155,244,222)
```
#adf6e4
```
#adf6e4 rgb(173,246,228)
```
#bef8ea
```
#bef8ea rgb(190,248,234)
```
#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 #1ffac4 is the most saturated one.

#89908e
```
#89908e rgb(137,144,142)
```
#809993
```
#809993 rgb(128,153,147)
```
#77a297
```
#77a297 rgb(119,162,151)
```
#6faa9c
```
#6faa9c rgb(111,170,156)
```
#66b3a0
```
#66b3a0 rgb(102,179,160)
```
#5dbca5
```
#5dbca5 rgb(93,188,165)
```
#54c5a9
```
#54c5a9 rgb(84,197,169)
```
#4bceae
```
#4bceae rgb(75,206,174)
```
#43d6b2
```
#43d6b2 rgb(67,214,178)
```
#3adfb7
```
#3adfb7 rgb(58,223,183)
```
#31e8bb
```
#31e8bb rgb(49,232,187)
```
#28f1bf
```
#28f1bf rgb(40,241,191)
```
#1ffac4
```
#1ffac4 rgb(31,250,196)
```

Tone Color Variation

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

#dbd0b2 Protanopia 1% of men
#e7cac9 Deuteranopia 1% of men
#61e1f2 Tritanopia 0.001% of the population

Trichromacy

#9dd8b5 Protanomaly 1% of men, 0.01% of women
#a4d5c4 Deuteranomaly 6% of men, 0.4% of women
#4fe4de Tritanomaly 0.01% of the population

#31e8bb hex color

#31e8bb Color Information

#31e8bb Color Conversion

Color Schemes with #31e8bb

Alternatives to #31e8bb

#31e8bb Preview

Shades and Tints of #31e8bb

Tones of #31e8bb

Color Blindness Simulator