#31efd5 hex color

In a RGB color space, hex #31efd5 is composed of 19.2% red, 93.7% green and 83.5% blue. Whereas in a CMYK color space, it is composed of 79.5% cyan, 0% magenta, 10.9% yellow and 6.3% black. It has a hue angle of 171.8 degrees, a saturation of 85.6% and a lightness of 56.5%. #31efd5 color hex could be obtained by blending #62ffff with #00dfab. Closest websafe color is: #33ffcc.

♥
- f
- t
- g
- R 19
- G 94
- B 84
RGB color chart
- C 79
- M 0
- Y 11
- K 6
CMYK color chart

● #31efd5 color description : Bright cyan.

The hexadecimal color #31efd5 has RGB values of R:49, G:239, B:213 and CMYK values of C:0.79, M:0, Y:0.11, K:0.06. Its decimal value is 3272661.

Hex triplet	31efd5	`#31efd5`
RGB Decimal	49, 239, 213	`rgb(49,239,213)`
RGB Percent	19.2, 93.7, 83.5	`rgb(19.2%,93.7%,83.5%)`
CMYK	79, 0, 11, 6
HSL	171.8°, 85.6, 56.5	`hsl(171.8,85.6%,56.5%)`
HSV (or HSB)	171.8°, 79.5, 93.7
Web Safe	33ffcc	`#33ffcc`

CIE-LAB	85.598, -50.724, -0.347
XYZ	44.139, 67.186, 73.589
xyY	0.239, 0.363, 67.186
CIE-LCH	85.598, 50.725, 180.392
CIE-LUV	85.598, -65.779, 7.54
Hunter-Lab	81.967, -47.32, 4.147
Binary	00110001, 11101111, 11010101

#31efd5
```
#31efd5 rgb(49,239,213)
```
#ef314b
```
#ef314b rgb(239,49,75)
```

Complementary Color

#31ef76
```
#31ef76 rgb(49,239,118)
```
#31efd5
```
#31efd5 rgb(49,239,213)
```
#31aaef
```
#31aaef rgb(49,170,239)
```

Analogous Color

#ef7631
```
#ef7631 rgb(239,118,49)
```
#31efd5
```
#31efd5 rgb(49,239,213)
```
#ef31aa
```
#ef31aa rgb(239,49,170)
```

Split Complementary Color

#efd531
```
#efd531 rgb(239,213,49)
```
#31efd5
```
#31efd5 rgb(49,239,213)
```
#d531ef
```
#d531ef rgb(213,49,239)
```

Triadic Color

#4bef31
```
#4bef31 rgb(75,239,49)
```
#31efd5
```
#31efd5 rgb(49,239,213)
```
#d531ef
```
#d531ef rgb(213,49,239)
```
#ef314b
```
#ef314b rgb(239,49,75)
```

Tetradic Color

#0fc4ab
```
#0fc4ab rgb(15,196,171)
```
#11dcc0
```
#11dcc0 rgb(17,220,192)
```
#19edd0
```
#19edd0 rgb(25,237,208)
```
#31efd5
```
#31efd5 rgb(49,239,213)
```
#49f1da
```
#49f1da rgb(73,241,218)
```
#60f3df
```
#60f3df rgb(96,243,223)
```
#78f5e3
```
#78f5e3 rgb(120,245,227)
```

Monochromatic Color

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

#31efa6
```
#31efa6 rgb(49,239,166)
```
#31efb5
```
#31efb5 rgb(49,239,181)
```
#31efc5
```
#31efc5 rgb(49,239,197)
```
#31efd5
```
#31efd5 rgb(49,239,213)
```
#31efe5
```
#31efe5 rgb(49,239,229)
```
#31e9ef
```
#31e9ef rgb(49,233,239)
```
#31daef
```
#31daef rgb(49,218,239)
```

Similar Colors

Text with hexadecimal color #31efd5

This text has a font color of #31efd5.

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

#31efd5 background color

This paragraph has a background color of #31efd5.

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

#31efd5 border color

This element has a border color of #31efd5.

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

CSS codes

.text {color:#31efd5;}

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

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

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, #010c0b is the darkest color, while #f9fffe is the lightest one.

#010c0b
```
#010c0b rgb(1,12,11)
```
#021f1b
```
#021f1b rgb(2,31,27)
```
#04312b
```
#04312b rgb(4,49,43)
```
#05433b
```
#05433b rgb(5,67,59)
```
#07554a
```
#07554a rgb(7,85,74)
```
#08675a
```
#08675a rgb(8,103,90)
```
#097a6a
```
#097a6a rgb(9,122,106)
```
#0b8c7a
```
#0b8c7a rgb(11,140,122)
```
#0c9e8a
```
#0c9e8a rgb(12,158,138)
```
#0eb09a
```
#0eb09a rgb(14,176,154)
```
#0fc2aa
```
#0fc2aa rgb(15,194,170)
```
#11d5ba
```
#11d5ba rgb(17,213,186)
```
#12e7ca
```
#12e7ca rgb(18,231,202)
```

Shade Color Variation

#1feed1
```
#1feed1 rgb(31,238,209)
```
#31efd5
```
#31efd5 rgb(49,239,213)
```
#43f0d9
```
#43f0d9 rgb(67,240,217)
```
#55f2dc
```
#55f2dc rgb(85,242,220)
```
#68f3e0
```
#68f3e0 rgb(104,243,224)
```
#7af5e4
```
#7af5e4 rgb(122,245,228)
```
#8cf6e8
```
#8cf6e8 rgb(140,246,232)
```
#9ef7eb
```
#9ef7eb rgb(158,247,235)
```
#b0f9ef
```
#b0f9ef rgb(176,249,239)
```
#c3faf3
```
#c3faf3 rgb(195,250,243)
```
#d5fcf6
```
#d5fcf6 rgb(213,252,246)
```
#e7fdfa
```
#e7fdfa rgb(231,253,250)
```
#f9fffe
```
#f9fffe rgb(249,255,254)
```

Tint Color Variation

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

#8f9191
```
#8f9191 rgb(143,145,145)
```
#869a97
```
#869a97 rgb(134,154,151)
```
#7ea29d
```
#7ea29d rgb(126,162,157)
```
#75aba3
```
#75aba3 rgb(117,171,163)
```
#6db3aa
```
#6db3aa rgb(109,179,170)
```
#64bcb0
```
#64bcb0 rgb(100,188,176)
```
#5cc4b6
```
#5cc4b6 rgb(92,196,182)
```
#53cdbc
```
#53cdbc rgb(83,205,188)
```
#4bd5c2
```
#4bd5c2 rgb(75,213,194)
```
#42dec9
```
#42dec9 rgb(66,222,201)
```
#3ae6cf
```
#3ae6cf rgb(58,230,207)
```
#31efd5
```
#31efd5 rgb(49,239,213)
```
#28f8db
```
#28f8db rgb(40,248,219)
```

Tone Color Variation

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

#b3b3b3 Achromatopsia 0.005% of the population
#99bfba Atypical Achromatopsia 0.001% of the population

Dichromacy

#dfd7ca Protanopia 1% of men
#e7d2e1 Deuteranopia 1% of men
#5aeafb Tritanopia 0.001% of the population

Trichromacy

#9fdfce Protanomaly 1% of men, 0.01% of women
#a5dcdd Deuteranomaly 6% of men, 0.4% of women
#4beced Tritanomaly 0.01% of the population

#31efd5 hex color

#31efd5 Color Information

#31efd5 Color Conversion

Color Schemes with #31efd5

Alternatives to #31efd5

#31efd5 Preview

Shades and Tints of #31efd5

Tones of #31efd5

Color Blindness Simulator