#31e3d4 hex color

In a RGB color space, hex #31e3d4 is composed of 19.2% red, 89% green and 83.1% blue. Whereas in a CMYK color space, it is composed of 78.4% cyan, 0% magenta, 6.6% yellow and 11% black. It has a hue angle of 174.9 degrees, a saturation of 76.1% and a lightness of 54.1%. #31e3d4 color hex could be obtained by blending #62ffff with #00c7a9. Closest websafe color is: #33cccc.

♥
- f
- t
- g
- R 19
- G 89
- B 83
RGB color chart
- C 78
- M 0
- Y 7
- K 11
CMYK color chart

● #31e3d4 color description : Bright cyan.

The hexadecimal color #31e3d4 has RGB values of R:49, G:227, B:212 and CMYK values of C:0.78, M:0, Y:0.07, K:0.11. Its decimal value is 3269588.

Hex triplet	31e3d4	`#31e3d4`
RGB Decimal	49, 227, 212	`rgb(49,227,212)`
RGB Percent	19.2, 89, 83.1	`rgb(19.2%,89%,83.1%)`
CMYK	78, 0, 7, 11
HSL	174.9°, 76.1, 54.1	`hsl(174.9,76.1%,54.1%)`
HSV (or HSB)	174.9°, 78.4, 89
Web Safe	33cccc	`#33cccc`

CIE-LAB	82.023, -45.906, -5.068
XYZ	40.615, 60.341, 71.79
xyY	0.235, 0.349, 60.341
CIE-LCH	82.023, 46.185, 186.3
CIE-LUV	82.023, -61.758, -0.659
Hunter-Lab	77.679, -42.608, -0.42
Binary	00110001, 11100011, 11010100

#31e3d4
```
#31e3d4 rgb(49,227,212)
```
#e33140
```
#e33140 rgb(227,49,64)
```

Complementary Color

#31e37b
```
#31e37b rgb(49,227,123)
```
#31e3d4
```
#31e3d4 rgb(49,227,212)
```
#3199e3
```
#3199e3 rgb(49,153,227)
```

Analogous Color

#e37b31
```
#e37b31 rgb(227,123,49)
```
#31e3d4
```
#31e3d4 rgb(49,227,212)
```
#e33199
```
#e33199 rgb(227,49,153)
```

Split Complementary Color

#e3d431
```
#e3d431 rgb(227,212,49)
```
#31e3d4
```
#31e3d4 rgb(49,227,212)
```
#d431e3
```
#d431e3 rgb(212,49,227)
```

Triadic Color

#40e331
```
#40e331 rgb(64,227,49)
```
#31e3d4
```
#31e3d4 rgb(49,227,212)
```
#d431e3
```
#d431e3 rgb(212,49,227)
```
#e33140
```
#e33140 rgb(227,49,64)
```

Tetradic Color

#18b0a3
```
#18b0a3 rgb(24,176,163)
```
#1bc6b8
```
#1bc6b8 rgb(27,198,184)
```
#1eddcc
```
#1eddcc rgb(30,221,204)
```
#31e3d4
```
#31e3d4 rgb(49,227,212)
```
#47e6d9
```
#47e6d9 rgb(71,230,217)
```
#5ee9dd
```
#5ee9dd rgb(94,233,221)
```
#74ece2
```
#74ece2 rgb(116,236,226)
```

Monochromatic Color

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

#31e3a8
```
#31e3a8 rgb(49,227,168)
```
#31e3b6
```
#31e3b6 rgb(49,227,182)
```
#31e3c5
```
#31e3c5 rgb(49,227,197)
```
#31e3d4
```
#31e3d4 rgb(49,227,212)
```
#31e3e3
```
#31e3e3 rgb(49,227,227)
```
#31d4e3
```
#31d4e3 rgb(49,212,227)
```
#31c6e3
```
#31c6e3 rgb(49,198,227)
```

Similar Colors

Text with hexadecimal color #31e3d4

This text has a font color of #31e3d4.

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

#31e3d4 background color

This paragraph has a background color of #31e3d4.

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

#31e3d4 border color

This element has a border color of #31e3d4.

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

CSS codes

.text {color:#31e3d4;}

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

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

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

#000101
```
#000101 rgb(0,1,1)
```
#031211
```
#031211 rgb(3,18,17)
```
#052421
```
#052421 rgb(5,36,33)
```
#073531
```
#073531 rgb(7,53,49)
```
#0a4641
```
#0a4641 rgb(10,70,65)
```
#0c5851
```
#0c5851 rgb(12,88,81)
```
#0e6961
```
#0e6961 rgb(14,105,97)
```
#117a71
```
#117a71 rgb(17,122,113)
```
#138b81
```
#138b81 rgb(19,139,129)
```
#159d91
```
#159d91 rgb(21,157,145)
```
#18aea1
```
#18aea1 rgb(24,174,161)
```
#1abfb1
```
#1abfb1 rgb(26,191,177)
```
#1cd0c1
```
#1cd0c1 rgb(28,208,193)
```

Shade Color Variation

#20e1d0
```
#20e1d0 rgb(32,225,208)
```
#31e3d4
```
#31e3d4 rgb(49,227,212)
```
#42e5d8
```
#42e5d8 rgb(66,229,216)
```
#54e8db
```
#54e8db rgb(84,232,219)
```
#65eadf
```
#65eadf rgb(101,234,223)
```
#76ece2
```
#76ece2 rgb(118,236,226)
```
#87efe6
```
#87efe6 rgb(135,239,230)
```
#99f1ea
```
#99f1ea rgb(153,241,234)
```
#aaf3ed
```
#aaf3ed rgb(170,243,237)
```
#bbf6f1
```
#bbf6f1 rgb(187,246,241)
```
#ccf8f4
```
#ccf8f4 rgb(204,248,244)
```
#defaf8
```
#defaf8 rgb(222,250,248)
```
#effdfc
```
#effdfc rgb(239,253,252)
```

Tint Color Variation

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

#829291
```
#829291 rgb(130,146,145)
```
#799b98
```
#799b98 rgb(121,155,152)
```
#70a4a0
```
#70a4a0 rgb(112,164,160)
```
#67ada7
```
#67ada7 rgb(103,173,167)
```
#5eb6af
```
#5eb6af rgb(94,182,175)
```
#55bfb6
```
#55bfb6 rgb(85,191,182)
```
#4cc8be
```
#4cc8be rgb(76,200,190)
```
#43d1c5
```
#43d1c5 rgb(67,209,197)
```
#3adacd
```
#3adacd rgb(58,218,205)
```
#31e3d4
```
#31e3d4 rgb(49,227,212)
```
#28ecdb
```
#28ecdb rgb(40,236,219)
```
#1ff5e3
```
#1ff5e3 rgb(31,245,227)
```
#16feea
```
#16feea rgb(22,254,234)
```

Tone Color Variation

Below, you can see how #31e3d4 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
#93b7b4 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d3cdca Protanopia 1% of men
#d9c9e0 Deuteranopia 1% of men
#53e0f0 Tritanopia 0.001% of the population

Trichromacy

#98d5cd Protanomaly 1% of men, 0.01% of women
#9cd2db Deuteranomaly 6% of men, 0.4% of women
#46e1e6 Tritanomaly 0.01% of the population

#31e3d4 hex color

#31e3d4 Color Information

#31e3d4 Color Conversion

Color Schemes with #31e3d4

Alternatives to #31e3d4

#31e3d4 Preview

Shades and Tints of #31e3d4

Tones of #31e3d4

Color Blindness Simulator