#31ead5 hex color

In a RGB color space, hex #31ead5 is composed of 19.2% red, 91.8% green and 83.5% blue. Whereas in a CMYK color space, it is composed of 79.1% cyan, 0% magenta, 9% yellow and 8.2% black. It has a hue angle of 173.2 degrees, a saturation of 81.5% and a lightness of 55.5%. #31ead5 color hex could be obtained by blending #62ffff with #00d5ab. Closest websafe color is: #33ffcc.

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

● #31ead5 color description : Bright cyan.

The hexadecimal color #31ead5 has RGB values of R:49, G:234, B:213 and CMYK values of C:0.79, M:0, Y:0.09, K:0.08. Its decimal value is 3271381.

Hex triplet	31ead5	`#31ead5`
RGB Decimal	49, 234, 213	`rgb(49,234,213)`
RGB Percent	19.2, 91.8, 83.5	`rgb(19.2%,91.8%,83.5%)`
CMYK	79, 0, 9, 8
HSL	173.2°, 81.5, 55.5	`hsl(173.2,81.5%,55.5%)`
HSV (or HSB)	173.2°, 79.1, 91.8
Web Safe	33ffcc	`#33ffcc`

CIE-LAB	84.121, -48.627, -2.509
XYZ	42.696, 64.298, 73.108
xyY	0.237, 0.357, 64.298
CIE-LCH	84.121, 48.691, 182.954
CIE-LUV	84.121, -64.078, 3.81
Hunter-Lab	80.186, -45.283, 2.074
Binary	00110001, 11101010, 11010101

#31ead5
```
#31ead5 rgb(49,234,213)
```
#ea3146
```
#ea3146 rgb(234,49,70)
```

Complementary Color

#31ea79
```
#31ea79 rgb(49,234,121)
```
#31ead5
```
#31ead5 rgb(49,234,213)
```
#31a3ea
```
#31a3ea rgb(49,163,234)
```

Analogous Color

#ea7931
```
#ea7931 rgb(234,121,49)
```
#31ead5
```
#31ead5 rgb(49,234,213)
```
#ea31a3
```
#ea31a3 rgb(234,49,163)
```

Split Complementary Color

#ead531
```
#ead531 rgb(234,213,49)
```
#31ead5
```
#31ead5 rgb(49,234,213)
```
#d531ea
```
#d531ea rgb(213,49,234)
```

Triadic Color

#46ea31
```
#46ea31 rgb(70,234,49)
```
#31ead5
```
#31ead5 rgb(49,234,213)
```
#d531ea
```
#d531ea rgb(213,49,234)
```
#ea3146
```
#ea3146 rgb(234,49,70)
```

Tetradic Color

#13bba8
```
#13bba8 rgb(19,187,168)
```
#15d3bd
```
#15d3bd rgb(21,211,189)
```
#1ae8d0
```
#1ae8d0 rgb(26,232,208)
```
#31ead5
```
#31ead5 rgb(49,234,213)
```
#48ecda
```
#48ecda rgb(72,236,218)
```
#5fefde
```
#5fefde rgb(95,239,222)
```
#76f1e3
```
#76f1e3 rgb(118,241,227)
```

Monochromatic Color

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

#31eaa7
```
#31eaa7 rgb(49,234,167)
```
#31eab6
```
#31eab6 rgb(49,234,182)
```
#31eac6
```
#31eac6 rgb(49,234,198)
```
#31ead5
```
#31ead5 rgb(49,234,213)
```
#31eae4
```
#31eae4 rgb(49,234,228)
```
#31e0ea
```
#31e0ea rgb(49,224,234)
```
#31d1ea
```
#31d1ea rgb(49,209,234)
```

Similar Colors

Text with hexadecimal color #31ead5

This text has a font color of #31ead5.

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

#31ead5 background color

This paragraph has a background color of #31ead5.

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

#31ead5 border color

This element has a border color of #31ead5.

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

CSS codes

.text {color:#31ead5;}

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

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

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

#010807
```
#010807 rgb(1,8,7)
```
#031917
```
#031917 rgb(3,25,23)
```
#042b27
```
#042b27 rgb(4,43,39)
```
#063d37
```
#063d37 rgb(6,61,55)
```
#084f47
```
#084f47 rgb(8,79,71)
```
#0a6157
```
#0a6157 rgb(10,97,87)
```
#0c7267
```
#0c7267 rgb(12,114,103)
```
#0d8477
```
#0d8477 rgb(13,132,119)
```
#0f9687
```
#0f9687 rgb(15,150,135)
```
#11a897
```
#11a897 rgb(17,168,151)
```
#13baa7
```
#13baa7 rgb(19,186,167)
```
#15cbb7
```
#15cbb7 rgb(21,203,183)
```
#17ddc7
```
#17ddc7 rgb(23,221,199)
```

Shade Color Variation

#1fe8d1
```
#1fe8d1 rgb(31,232,209)
```
#31ead5
```
#31ead5 rgb(49,234,213)
```
#43ecd9
```
#43ecd9 rgb(67,236,217)
```
#55eedc
```
#55eedc rgb(85,238,220)
```
#66efe0
```
#66efe0 rgb(102,239,224)
```
#78f1e4
```
#78f1e4 rgb(120,241,228)
```
#8af3e7
```
#8af3e7 rgb(138,243,231)
```
#9cf5eb
```
#9cf5eb rgb(156,245,235)
```
#aef7ee
```
#aef7ee rgb(174,247,238)
```
#bff9f2
```
#bff9f2 rgb(191,249,242)
```
#d1faf6
```
#d1faf6 rgb(209,250,246)
```
#e3fcf9
```
#e3fcf9 rgb(227,252,249)
```
#f5fefd
```
#f5fefd rgb(245,254,253)
```

Tint Color Variation

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

#889392
```
#889392 rgb(136,147,146)
```
#809b98
```
#809b98 rgb(128,155,152)
```
#77a49f
```
#77a49f rgb(119,164,159)
```
#6eada6
```
#6eada6 rgb(110,173,166)
```
#65b6ad
```
#65b6ad rgb(101,182,173)
```
#5dbeb3
```
#5dbeb3 rgb(93,190,179)
```
#54c7ba
```
#54c7ba rgb(84,199,186)
```
#4bd0c1
```
#4bd0c1 rgb(75,208,193)
```
#42d9c8
```
#42d9c8 rgb(66,217,200)
```
#3ae1ce
```
#3ae1ce rgb(58,225,206)
```
#31ead5
```
#31ead5 rgb(49,234,213)
```
#28f3dc
```
#28f3dc rgb(40,243,220)
```
#20fbe2
```
#20fbe2 rgb(32,251,226)
```

Tone Color Variation

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

#b0b0b0 Achromatopsia 0.005% of the population
#97bcb7 Atypical Achromatopsia 0.001% of the population

Dichromacy

#dad3ca Protanopia 1% of men
#e1cee1 Deuteranopia 1% of men
#57e6f7 Tritanopia 0.001% of the population

Trichromacy

#9cdbce Protanomaly 1% of men, 0.01% of women
#a1d8dc Deuteranomaly 6% of men, 0.4% of women
#49e7ea Tritanomaly 0.01% of the population

#31ead5 hex color

#31ead5 Color Information

#31ead5 Color Conversion

Color Schemes with #31ead5

Alternatives to #31ead5

#31ead5 Preview

Shades and Tints of #31ead5

Tones of #31ead5

Color Blindness Simulator