#31f5d8 hex color

In a RGB color space, hex #31f5d8 is composed of 19.2% red, 96.1% green and 84.7% blue. Whereas in a CMYK color space, it is composed of 80% cyan, 0% magenta, 11.8% yellow and 3.9% black. It has a hue angle of 171.1 degrees, a saturation of 90.7% and a lightness of 57.6%. #31f5d8 color hex could be obtained by blending #62ffff with #00ebb1. Closest websafe color is: #33ffcc.

♥
- f
- t
- g
- R 19
- G 96
- B 85
RGB color chart
- C 80
- M 0
- Y 12
- K 4
CMYK color chart

● #31f5d8 color description : Bright cyan.

The hexadecimal color #31f5d8 has RGB values of R:49, G:245, B:216 and CMYK values of C:0.8, M:0, Y:0.12, K:0.04. Its decimal value is 3274200.

Hex triplet	31f5d8	`#31f5d8`
RGB Decimal	49, 245, 216	`rgb(49,245,216)`
RGB Percent	19.2, 96.1, 84.7	`rgb(19.2%,96.1%,84.7%)`
CMYK	80, 0, 12, 4
HSL	171.1°, 90.7, 57.6	`hsl(171.1,90.7%,57.6%)`
HSV (or HSB)	171.1°, 80, 96.1
Web Safe	33ffcc	`#33ffcc`

CIE-LAB	87.442, -52.428, 0.775
XYZ	46.309, 70.911, 76.208
xyY	0.239, 0.367, 70.911
CIE-LCH	87.442, 52.434, 179.154
CIE-LUV	87.442, -67.589, 9.583
Hunter-Lab	84.209, -49.202, 5.289
Binary	00110001, 11110101, 11011000

#31f5d8
```
#31f5d8 rgb(49,245,216)
```
#f5314e
```
#f5314e rgb(245,49,78)
```

Complementary Color

#31f576
```
#31f576 rgb(49,245,118)
```
#31f5d8
```
#31f5d8 rgb(49,245,216)
```
#31b0f5
```
#31b0f5 rgb(49,176,245)
```

Analogous Color

#f57631
```
#f57631 rgb(245,118,49)
```
#31f5d8
```
#31f5d8 rgb(49,245,216)
```
#f531b0
```
#f531b0 rgb(245,49,176)
```

Split Complementary Color

#f5d831
```
#f5d831 rgb(245,216,49)
```
#31f5d8
```
#31f5d8 rgb(49,245,216)
```
#d831f5
```
#d831f5 rgb(216,49,245)
```

Triadic Color

#4ef531
```
#4ef531 rgb(78,245,49)
```
#31f5d8
```
#31f5d8 rgb(49,245,216)
```
#d831f5
```
#d831f5 rgb(216,49,245)
```
#f5314e
```
#f5314e rgb(245,49,78)
```

Tetradic Color

#0acfb2
```
#0acfb2 rgb(10,207,178)
```
#0be8c7
```
#0be8c7 rgb(11,232,199)
```
#19f4d3
```
#19f4d3 rgb(25,244,211)
```
#31f5d8
```
#31f5d8 rgb(49,245,216)
```
#49f6dd
```
#49f6dd rgb(73,246,221)
```
#62f7e1
```
#62f7e1 rgb(98,247,225)
```
#7af9e6
```
#7af9e6 rgb(122,249,230)
```

Monochromatic Color

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

#31f5a7
```
#31f5a7 rgb(49,245,167)
```
#31f5b7
```
#31f5b7 rgb(49,245,183)
```
#31f5c8
```
#31f5c8 rgb(49,245,200)
```
#31f5d8
```
#31f5d8 rgb(49,245,216)
```
#31f5e8
```
#31f5e8 rgb(49,245,232)
```
#31f1f5
```
#31f1f5 rgb(49,241,245)
```
#31e1f5
```
#31e1f5 rgb(49,225,245)
```

Similar Colors

Text with hexadecimal color #31f5d8

This text has a font color of #31f5d8.

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

#31f5d8 background color

This paragraph has a background color of #31f5d8.

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

#31f5d8 border color

This element has a border color of #31f5d8.

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

CSS codes

.text {color:#31f5d8;}

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

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

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

#011210
```
#011210 rgb(1,18,16)
```
#022520
```
#022520 rgb(2,37,32)
```
#033830
```
#033830 rgb(3,56,48)
```
#044b40
```
#044b40 rgb(4,75,64)
```
#055d50
```
#055d50 rgb(5,93,80)
```
#057060
```
#057060 rgb(5,112,96)
```
#068370
```
#068370 rgb(6,131,112)
```
#079580
```
#079580 rgb(7,149,128)
```
#08a890
```
#08a890 rgb(8,168,144)
```
#09bba1
```
#09bba1 rgb(9,187,161)
```
#0aceb1
```
#0aceb1 rgb(10,206,177)
```
#0be0c1
```
#0be0c1 rgb(11,224,193)
```
#0cf3d1
```
#0cf3d1 rgb(12,243,209)
```

Shade Color Variation

#1ef4d4
```
#1ef4d4 rgb(30,244,212)
```
#31f5d8
```
#31f5d8 rgb(49,245,216)
```
#44f6dc
```
#44f6dc rgb(68,246,220)
```
#56f7df
```
#56f7df rgb(86,247,223)
```
#69f8e3
```
#69f8e3 rgb(105,248,227)
```
#7cf9e6
```
#7cf9e6 rgb(124,249,230)
```
#8ffaea
```
#8ffaea rgb(143,250,234)
```
#a1faed
```
#a1faed rgb(161,250,237)
```
#b4fbf1
```
#b4fbf1 rgb(180,251,241)
```
#c7fcf4
```
#c7fcf4 rgb(199,252,244)
```
#d9fdf8
```
#d9fdf8 rgb(217,253,248)
```
#ecfefb
```
#ecfefb rgb(236,254,251)
```
#ffffff
```
#ffffff rgb(255,255,255)
```

Tint Color Variation

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

#8c9a98
```
#8c9a98 rgb(140,154,152)
```
#84a29e
```
#84a29e rgb(132,162,158)
```
#7caaa3
```
#7caaa3 rgb(124,170,163)
```
#73b3a9
```
#73b3a9 rgb(115,179,169)
```
#6bbbaf
```
#6bbbaf rgb(107,187,175)
```
#63c3b5
```
#63c3b5 rgb(99,195,181)
```
#5bcbbb
```
#5bcbbb rgb(91,203,187)
```
#52d4c1
```
#52d4c1 rgb(82,212,193)
```
#4adcc6
```
#4adcc6 rgb(74,220,198)
```
#42e4cc
```
#42e4cc rgb(66,228,204)
```
#39edd2
```
#39edd2 rgb(57,237,210)
```
#31f5d8
```
#31f5d8 rgb(49,245,216)
```
#29fdde
```
#29fdde rgb(41,253,222)
```

Tone Color Variation

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

#b7b7b7 Achromatopsia 0.005% of the population
#9cc3be Atypical Achromatopsia 0.001% of the population

Dichromacy

#e4dccd Protanopia 1% of men
#edd6e5 Deuteranopia 1% of men
#6deeff Tritanopia 0.001% of the population

Trichromacy

#a3e5d1 Protanomaly 1% of men, 0.01% of women
#a9e1e0 Deuteranomaly 6% of men, 0.4% of women
#57f0f0 Tritanomaly 0.01% of the population

#31f5d8 hex color

#31f5d8 Color Information

#31f5d8 Color Conversion

Color Schemes with #31f5d8

Alternatives to #31f5d8

#31f5d8 Preview

Shades and Tints of #31f5d8

Tones of #31f5d8

Color Blindness Simulator