#31f9db hex color

In a RGB color space, hex #31f9db is composed of 19.2% red, 97.6% green and 85.9% blue. Whereas in a CMYK color space, it is composed of 80.3% cyan, 0% magenta, 12% yellow and 2.4% black. It has a hue angle of 171 degrees, a saturation of 94.3% and a lightness of 58.4%. #31f9db color hex could be obtained by blending #62ffff with #00f3b7. Closest websafe color is: #33ffcc.

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

● #31f9db color description : Bright cyan.

The hexadecimal color #31f9db has RGB values of R:49, G:249, B:219 and CMYK values of C:0.8, M:0, Y:0.12, K:0.02. Its decimal value is 3275227.

Hex triplet	31f9db	`#31f9db`
RGB Decimal	49, 249, 219	`rgb(49,249,219)`
RGB Percent	19.2, 97.6, 85.9	`rgb(19.2%,97.6%,85.9%)`
CMYK	80, 0, 12, 2
HSL	171°, 94.3, 58.4	`hsl(171,94.3%,58.4%)`
HSV (or HSB)	171°, 80.3, 97.6
Web Safe	33ffcc	`#33ffcc`

CIE-LAB	88.692, -53.298, 1.033
XYZ	47.924, 73.514, 78.678
xyY	0.239, 0.367, 73.514
CIE-LCH	88.692, 53.308, 178.89
CIE-LUV	88.692, -68.716, 10.144
Hunter-Lab	85.74, -50.274, 5.612
Binary	00110001, 11111001, 11011011

#31f9db
```
#31f9db rgb(49,249,219)
```
#f9314f
```
#f9314f rgb(249,49,79)
```

Complementary Color

#31f977
```
#31f977 rgb(49,249,119)
```
#31f9db
```
#31f9db rgb(49,249,219)
```
#31b3f9
```
#31b3f9 rgb(49,179,249)
```

Analogous Color

#f97731
```
#f97731 rgb(249,119,49)
```
#31f9db
```
#31f9db rgb(49,249,219)
```
#f931b3
```
#f931b3 rgb(249,49,179)
```

Split Complementary Color

#f9db31
```
#f9db31 rgb(249,219,49)
```
#31f9db
```
#31f9db rgb(49,249,219)
```
#db31f9
```
#db31f9 rgb(219,49,249)
```

Triadic Color

#4ff931
```
#4ff931 rgb(79,249,49)
```
#31f9db
```
#31f9db rgb(49,249,219)
```
#db31f9
```
#db31f9 rgb(219,49,249)
```
#f9314f
```
#f9314f rgb(249,49,79)
```

Tetradic Color

#06d7b8
```
#06d7b8 rgb(6,215,184)
```
#07f0cd
```
#07f0cd rgb(7,240,205)
```
#18f8d7
```
#18f8d7 rgb(24,248,215)
```
#31f9db
```
#31f9db rgb(49,249,219)
```
#4afadf
```
#4afadf rgb(74,250,223)
```
#63fae4
```
#63fae4 rgb(99,250,228)
```
#7bfbe8
```
#7bfbe8 rgb(123,251,232)
```

Monochromatic Color

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

#31f9a9
```
#31f9a9 rgb(49,249,169)
```
#31f9ba
```
#31f9ba rgb(49,249,186)
```
#31f9ca
```
#31f9ca rgb(49,249,202)
```
#31f9db
```
#31f9db rgb(49,249,219)
```
#31f9ec
```
#31f9ec rgb(49,249,236)
```
#31f6f9
```
#31f6f9 rgb(49,246,249)
```
#31e5f9
```
#31e5f9 rgb(49,229,249)
```

Similar Colors

Text with hexadecimal color #31f9db

This text has a font color of #31f9db.

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

#31f9db background color

This paragraph has a background color of #31f9db.

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

#31f9db border color

This element has a border color of #31f9db.

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

CSS codes

.text {color:#31f9db;}

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

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

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

#000403
```
#000403 rgb(0,4,3)
```
#011713
```
#011713 rgb(1,23,19)
```
#012a24
```
#012a24 rgb(1,42,36)
```
#023d34
```
#023d34 rgb(2,61,52)
```
#025044
```
#025044 rgb(2,80,68)
```
#036355
```
#036355 rgb(3,99,85)
```
#037665
```
#037665 rgb(3,118,101)
```
#048975
```
#048975 rgb(4,137,117)
```
#059c85
```
#059c85 rgb(5,156,133)
```
#05af96
```
#05af96 rgb(5,175,150)
```
#06c2a6
```
#06c2a6 rgb(6,194,166)
```
#06d5b6
```
#06d5b6 rgb(6,213,182)
```
#07e8c7
```
#07e8c7 rgb(7,232,199)
```

Shade Color Variation

#0bf8d4
```
#0bf8d4 rgb(11,248,212)
```
#1ef8d8
```
#1ef8d8 rgb(30,248,216)
```
#31f9db
```
#31f9db rgb(49,249,219)
```
#44fade
```
#44fade rgb(68,250,222)
```
#57fae2
```
#57fae2 rgb(87,250,226)
```
#6afbe5
```
#6afbe5 rgb(106,251,229)
```
#7dfbe8
```
#7dfbe8 rgb(125,251,232)
```
#90fcec
```
#90fcec rgb(144,252,236)
```
#a3fcef
```
#a3fcef rgb(163,252,239)
```
#b6fdf2
```
#b6fdf2 rgb(182,253,242)
```
#c9fdf6
```
#c9fdf6 rgb(201,253,246)
```
#ddfef9
```
#ddfef9 rgb(221,254,249)
```
#f0fffc
```
#f0fffc rgb(240,255,252)
```

Tint Color Variation

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

#939797
```
#939797 rgb(147,151,151)
```
#8b9f9c
```
#8b9f9c rgb(139,159,156)
```
#83a7a2
```
#83a7a2 rgb(131,167,162)
```
#7ab0a8
```
#7ab0a8 rgb(122,176,168)
```
#72b8ad
```
#72b8ad rgb(114,184,173)
```
#6ac0b3
```
#6ac0b3 rgb(106,192,179)
```
#62c8b9
```
#62c8b9 rgb(98,200,185)
```
#5ad0be
```
#5ad0be rgb(90,208,190)
```
#52d8c4
```
#52d8c4 rgb(82,216,196)
```
#49e1ca
```
#49e1ca rgb(73,225,202)
```
#41e9d0
```
#41e9d0 rgb(65,233,208)
```
#39f1d5
```
#39f1d5 rgb(57,241,213)
```
#31f9db
```
#31f9db rgb(49,249,219)
```

Tone Color Variation

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

#bababa Achromatopsia 0.005% of the population
#9fc7c1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#e8dfcf Protanopia 1% of men
#f1dae8 Deuteranopia 1% of men
#84f0ff Tritanopia 0.001% of the population

Trichromacy

#a5e8d3 Protanomaly 1% of men, 0.01% of women
#abe5e3 Deuteranomaly 6% of men, 0.4% of women
#66f3f1 Tritanomaly 0.01% of the population

#31f9db hex color

#31f9db Color Information

#31f9db Color Conversion

Color Schemes with #31f9db

Alternatives to #31f9db

#31f9db Preview

Shades and Tints of #31f9db

Tones of #31f9db

Color Blindness Simulator