#31d1e6 hex color

In a RGB color space, hex #31d1e6 is composed of 19.2% red, 82% green and 90.2% blue. Whereas in a CMYK color space, it is composed of 78.7% cyan, 9.1% magenta, 0% yellow and 9.8% black. It has a hue angle of 187 degrees, a saturation of 78.4% and a lightness of 54.7%. #31d1e6 color hex could be obtained by blending #62ffff with #00a3cd. Closest websafe color is: #33ccff.

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

● #31d1e6 color description : Bright cyan.

The hexadecimal color #31d1e6 has RGB values of R:49, G:209, B:230 and CMYK values of C:0.79, M:0.09, Y:0, K:0.1. Its decimal value is 3264998.

Hex triplet	31d1e6	`#31d1e6`
RGB Decimal	49, 209, 230	`rgb(49,209,230)`
RGB Percent	19.2, 82, 90.2	`rgb(19.2%,82%,90.2%)`
CMYK	79, 9, 0, 10
HSL	187°, 78.4, 54.7	`hsl(187,78.4%,54.7%)`
HSV (or HSB)	187°, 78.7, 90.2
Web Safe	33ccff	`#33ccff`

CIE-LAB	77.259, -32.522, -21.81
XYZ	38.346, 51.963, 82.868
xyY	0.221, 0.3, 51.963
CIE-LCH	77.259, 39.158, 213.847
CIE-LUV	77.259, -54.243, -29.915
Hunter-Lab	72.086, -31.197, -17.698
Binary	00110001, 11010001, 11100110

#31d1e6
```
#31d1e6 rgb(49,209,230)
```
#e64631
```
#e64631 rgb(230,70,49)
```

Complementary Color

#31e6a1
```
#31e6a1 rgb(49,230,161)
```
#31d1e6
```
#31d1e6 rgb(49,209,230)
```
#3177e6
```
#3177e6 rgb(49,119,230)
```

Analogous Color

#e6a131
```
#e6a131 rgb(230,161,49)
```
#31d1e6
```
#31d1e6 rgb(49,209,230)
```
#e63177
```
#e63177 rgb(230,49,119)
```

Split Complementary Color

#d1e631
```
#d1e631 rgb(209,230,49)
```
#31d1e6
```
#31d1e6 rgb(49,209,230)
```
#e631d1
```
#e631d1 rgb(230,49,209)
```

Triadic Color

#31e646
```
#31e646 rgb(49,230,70)
```
#31d1e6
```
#31d1e6 rgb(49,209,230)
```
#e631d1
```
#e631d1 rgb(230,49,209)
```
#e64631
```
#e64631 rgb(230,70,49)
```

Tetradic Color

#16a2b5
```
#16a2b5 rgb(22,162,181)
```
#19b7cb
```
#19b7cb rgb(25,183,203)
```
#1bcbe2
```
#1bcbe2 rgb(27,203,226)
```
#31d1e6
```
#31d1e6 rgb(49,209,230)
```
#48d6e9
```
#48d6e9 rgb(72,214,233)
```
#5edbec
```
#5edbec rgb(94,219,236)
```
#75e0ee
```
#75e0ee rgb(117,224,238)
```

Monochromatic Color

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

#31e6ce
```
#31e6ce rgb(49,230,206)
```
#31e6dd
```
#31e6dd rgb(49,230,221)
```
#31e0e6
```
#31e0e6 rgb(49,224,230)
```
#31d1e6
```
#31d1e6 rgb(49,209,230)
```
#31c2e6
```
#31c2e6 rgb(49,194,230)
```
#31b3e6
```
#31b3e6 rgb(49,179,230)
```
#31a4e6
```
#31a4e6 rgb(49,164,230)
```

Similar Colors

Text with hexadecimal color #31d1e6

This text has a font color of #31d1e6.

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

#31d1e6 background color

This paragraph has a background color of #31d1e6.

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

#31d1e6 border color

This element has a border color of #31d1e6.

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

CSS codes

.text {color:#31d1e6;}

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

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

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

#000404
```
#000404 rgb(0,4,4)
```
#031315
```
#031315 rgb(3,19,21)
```
#052327
```
#052327 rgb(5,35,39)
```
#073338
```
#073338 rgb(7,51,56)
```
#09424a
```
#09424a rgb(9,66,74)
```
#0b525b
```
#0b525b rgb(11,82,91)
```
#0d626d
```
#0d626d rgb(13,98,109)
```
#0f717e
```
#0f717e rgb(15,113,126)
```
#118190
```
#118190 rgb(17,129,144)
```
#1491a1
```
#1491a1 rgb(20,145,161)
```
#16a1b3
```
#16a1b3 rgb(22,161,179)
```
#18b0c4
```
#18b0c4 rgb(24,176,196)
```
#1ac0d6
```
#1ac0d6 rgb(26,192,214)
```

Shade Color Variation

#20cde4
```
#20cde4 rgb(32,205,228)
```
#31d1e6
```
#31d1e6 rgb(49,209,230)
```
#42d5e8
```
#42d5e8 rgb(66,213,232)
```
#54d9ea
```
#54d9ea rgb(84,217,234)
```
#65ddec
```
#65ddec rgb(101,221,236)
```
#77e1ee
```
#77e1ee rgb(119,225,238)
```
#88e5f1
```
#88e5f1 rgb(136,229,241)
```
#9ae8f3
```
#9ae8f3 rgb(154,232,243)
```
#abecf5
```
#abecf5 rgb(171,236,245)
```
#bdf0f7
```
#bdf0f7 rgb(189,240,247)
```
#cef4f9
```
#cef4f9 rgb(206,244,249)
```
#e0f8fb
```
#e0f8fb rgb(224,248,251)
```
#f1fcfd
```
#f1fcfd rgb(241,252,253)
```

Tint Color Variation

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

#8a8d8d
```
#8a8d8d rgb(138,141,141)
```
#819496
```
#819496 rgb(129,148,150)
```
#789a9f
```
#789a9f rgb(120,154,159)
```
#6fa1a8
```
#6fa1a8 rgb(111,161,168)
```
#66a8b1
```
#66a8b1 rgb(102,168,177)
```
#5dafba
```
#5dafba rgb(93,175,186)
```
#55b6c2
```
#55b6c2 rgb(85,182,194)
```
#4cbdcb
```
#4cbdcb rgb(76,189,203)
```
#43c3d4
```
#43c3d4 rgb(67,195,212)
```
#3acadd
```
#3acadd rgb(58,202,221)
```
#31d1e6
```
#31d1e6 rgb(49,209,230)
```
#28d8ef
```
#28d8ef rgb(40,216,239)
```
#1fdff8
```
#1fdff8 rgb(31,223,248)
```

Tone Color Variation

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

#a4a4a4 Achromatopsia 0.005% of the population
#8dadb1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#bdc0db Protanopia 1% of men
#bbbeef Deuteranopia 1% of men
#37d4e3 Tritanopia 0.001% of the population

Trichromacy

#8ac6df Protanomaly 1% of men, 0.01% of women
#89c5eb Deuteranomaly 6% of men, 0.4% of women
#34d2e4 Tritanomaly 0.01% of the population

#31d1e6 hex color

#31d1e6 Color Information

#31d1e6 Color Conversion

Color Schemes with #31d1e6

Alternatives to #31d1e6

#31d1e6 Preview

Shades and Tints of #31d1e6

Tones of #31d1e6

Color Blindness Simulator