#31f8db hex color

In a RGB color space, hex #31f8db is composed of 19.2% red, 97.3% green and 85.9% blue. Whereas in a CMYK color space, it is composed of 80.2% cyan, 0% magenta, 11.7% yellow and 2.7% black. It has a hue angle of 171.3 degrees, a saturation of 93.4% and a lightness of 58.2%. #31f8db color hex could be obtained by blending #62ffff with #00f1b7. Closest websafe color is: #33ffcc.

♥
- f
- t
- g
- R 19
- G 97
- B 86
RGB color chart
- C 80
- M 0
- Y 12
- K 3
CMYK color chart

● #31f8db color description : Bright cyan.

The hexadecimal color #31f8db has RGB values of R:49, G:248, B:219 and CMYK values of C:0.8, M:0, Y:0.12, K:0.03. Its decimal value is 3274971.

Hex triplet	31f8db	`#31f8db`
RGB Decimal	49, 248, 219	`rgb(49,248,219)`
RGB Percent	19.2, 97.3, 85.9	`rgb(19.2%,97.3%,85.9%)`
CMYK	80, 0, 12, 3
HSL	171.3°, 93.4, 58.2	`hsl(171.3,93.4%,58.2%)`
HSV (or HSB)	171.3°, 80.2, 97.3
Web Safe	33ffcc	`#33ffcc`

CIE-LAB	88.399, -52.888, 0.605
XYZ	47.616, 72.897, 78.575
xyY	0.239, 0.366, 72.897
CIE-LCH	88.399, 52.891, 179.344
CIE-LUV	88.399, -68.379, 9.407
Hunter-Lab	85.38, -49.867, 5.202
Binary	00110001, 11111000, 11011011

#31f8db
```
#31f8db rgb(49,248,219)
```
#f8314e
```
#f8314e rgb(248,49,78)
```

Complementary Color

#31f878
```
#31f878 rgb(49,248,120)
```
#31f8db
```
#31f8db rgb(49,248,219)
```
#31b2f8
```
#31b2f8 rgb(49,178,248)
```

Analogous Color

#f87831
```
#f87831 rgb(248,120,49)
```
#31f8db
```
#31f8db rgb(49,248,219)
```
#f831b2
```
#f831b2 rgb(248,49,178)
```

Split Complementary Color

#f8db31
```
#f8db31 rgb(248,219,49)
```
#31f8db
```
#31f8db rgb(49,248,219)
```
#db31f8
```
#db31f8 rgb(219,49,248)
```

Triadic Color

#4ef831
```
#4ef831 rgb(78,248,49)
```
#31f8db
```
#31f8db rgb(49,248,219)
```
#db31f8
```
#db31f8 rgb(219,49,248)
```
#f8314e
```
#f8314e rgb(248,49,78)
```

Tetradic Color

#07d5b7
```
#07d5b7 rgb(7,213,183)
```
#08eecc
```
#08eecc rgb(8,238,204)
```
#18f7d7
```
#18f7d7 rgb(24,247,215)
```
#31f8db
```
#31f8db rgb(49,248,219)
```
#4af9df
```
#4af9df rgb(74,249,223)
```
#62fae4
```
#62fae4 rgb(98,250,228)
```
#7bfbe8
```
#7bfbe8 rgb(123,251,232)
```

Monochromatic Color

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

#31f8a9
```
#31f8a9 rgb(49,248,169)
```
#31f8ba
```
#31f8ba rgb(49,248,186)
```
#31f8ca
```
#31f8ca rgb(49,248,202)
```
#31f8db
```
#31f8db rgb(49,248,219)
```
#31f8ec
```
#31f8ec rgb(49,248,236)
```
#31f4f8
```
#31f4f8 rgb(49,244,248)
```
#31e3f8
```
#31e3f8 rgb(49,227,248)
```

Similar Colors

Text with hexadecimal color #31f8db

This text has a font color of #31f8db.

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

#31f8db background color

This paragraph has a background color of #31f8db.

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

#31f8db border color

This element has a border color of #31f8db.

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

CSS codes

.text {color:#31f8db;}

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

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

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

#000302
```
#000302 rgb(0,3,2)
```
#011613
```
#011613 rgb(1,22,19)
```
#012923
```
#012923 rgb(1,41,35)
```
#023c33
```
#023c33 rgb(2,60,51)
```
#034f44
```
#034f44 rgb(3,79,68)
```
#036254
```
#036254 rgb(3,98,84)
```
#047564
```
#047564 rgb(4,117,100)
```
#058774
```
#058774 rgb(5,135,116)
```
#059a85
```
#059a85 rgb(5,154,133)
```
#06ad95
```
#06ad95 rgb(6,173,149)
```
#07c0a5
```
#07c0a5 rgb(7,192,165)
```
#07d3b6
```
#07d3b6 rgb(7,211,182)
```
#08e6c6
```
#08e6c6 rgb(8,230,198)
```

Shade Color Variation

#0bf7d4
```
#0bf7d4 rgb(11,247,212)
```
#1ef7d8
```
#1ef7d8 rgb(30,247,216)
```
#31f8db
```
#31f8db rgb(49,248,219)
```
#44f9de
```
#44f9de rgb(68,249,222)
```
#57f9e2
```
#57f9e2 rgb(87,249,226)
```
#6afae5
```
#6afae5 rgb(106,250,229)
```
#7dfbe8
```
#7dfbe8 rgb(125,251,232)
```
#90fbec
```
#90fbec rgb(144,251,236)
```
#a3fcef
```
#a3fcef rgb(163,252,239)
```
#b6fdf2
```
#b6fdf2 rgb(182,253,242)
```
#c9fdf6
```
#c9fdf6 rgb(201,253,246)
```
#dcfef9
```
#dcfef9 rgb(220,254,249)
```
#effefc
```
#effefc rgb(239,254,252)
```

Tint Color Variation

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

#939695
```
#939695 rgb(147,150,149)
```
#8b9e9b
```
#8b9e9b rgb(139,158,155)
```
#83a6a1
```
#83a6a1 rgb(131,166,161)
```
#7baea7
```
#7baea7 rgb(123,174,167)
```
#73b6ad
```
#73b6ad rgb(115,182,173)
```
#6abfb2
```
#6abfb2 rgb(106,191,178)
```
#62c7b8
```
#62c7b8 rgb(98,199,184)
```
#5acfbe
```
#5acfbe rgb(90,207,190)
```
#52d7c4
```
#52d7c4 rgb(82,215,196)
```
#4adfca
```
#4adfca rgb(74,223,202)
```
#41e8cf
```
#41e8cf rgb(65,232,207)
```
#39f0d5
```
#39f0d5 rgb(57,240,213)
```
#31f8db
```
#31f8db rgb(49,248,219)
```

Tone Color Variation

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

#b9b9b9 Achromatopsia 0.005% of the population
#9ec6c0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#e7decf Protanopia 1% of men
#f0d9e7 Deuteranopia 1% of men
#7fefff Tritanopia 0.001% of the population

Trichromacy

#a4e7d3 Protanomaly 1% of men, 0.01% of women
#aae4e3 Deuteranomaly 6% of men, 0.4% of women
#63f2f1 Tritanomaly 0.01% of the population

#31f8db hex color

#31f8db Color Information

#31f8db Color Conversion

Color Schemes with #31f8db

Alternatives to #31f8db

#31f8db Preview

Shades and Tints of #31f8db

Tones of #31f8db

Color Blindness Simulator