#31f9cd hex color

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

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

● #31f9cd color description : Bright cyan.

The hexadecimal color #31f9cd has RGB values of R:49, G:249, B:205 and CMYK values of C:0.8, M:0, Y:0.18, K:0.02. Its decimal value is 3275213.

Hex triplet	31f9cd	`#31f9cd`
RGB Decimal	49, 249, 205	`rgb(49,249,205)`
RGB Percent	19.2, 97.6, 80.4	`rgb(19.2%,97.6%,80.4%)`
CMYK	80, 0, 18, 2
HSL	166.8°, 94.3, 58.4	`hsl(166.8,94.3%,58.4%)`
HSV (or HSB)	166.8°, 80.3, 97.6
Web Safe	33ffcc	`#33ffcc`

CIE-LAB	88.356, -56.798, 7.825
XYZ	46.158, 72.807, 69.375
xyY	0.245, 0.387, 72.807
CIE-LCH	88.356, 57.335, 172.156
CIE-LUV	88.356, -69.733, 21.074
Hunter-Lab	85.327, -52.763, 11.524
Binary	00110001, 11111001, 11001101

#31f9cd
```
#31f9cd rgb(49,249,205)
```
#f9315d
```
#f9315d rgb(249,49,93)
```

Complementary Color

#31f969
```
#31f969 rgb(49,249,105)
```
#31f9cd
```
#31f9cd rgb(49,249,205)
```
#31c1f9
```
#31c1f9 rgb(49,193,249)
```

Analogous Color

#f96931
```
#f96931 rgb(249,105,49)
```
#31f9cd
```
#31f9cd rgb(49,249,205)
```
#f931c1
```
#f931c1 rgb(249,49,193)
```

Split Complementary Color

#f9cd31
```
#f9cd31 rgb(249,205,49)
```
#31f9cd
```
#31f9cd rgb(49,249,205)
```
#cd31f9
```
#cd31f9 rgb(205,49,249)
```

Triadic Color

#5df931
```
#5df931 rgb(93,249,49)
```
#31f9cd
```
#31f9cd rgb(49,249,205)
```
#cd31f9
```
#cd31f9 rgb(205,49,249)
```
#f9315d
```
#f9315d rgb(249,49,93)
```

Tetradic Color

#06d7a9
```
#06d7a9 rgb(6,215,169)
```
#07f0bd
```
#07f0bd rgb(7,240,189)
```
#18f8c7
```
#18f8c7 rgb(24,248,199)
```
#31f9cd
```
#31f9cd rgb(49,249,205)
```
#4afad3
```
#4afad3 rgb(74,250,211)
```
#63fad9
```
#63fad9 rgb(99,250,217)
```
#7bfbdf
```
#7bfbdf rgb(123,251,223)
```

Monochromatic Color

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

#31f99b
```
#31f99b rgb(49,249,155)
```
#31f9ac
```
#31f9ac rgb(49,249,172)
```
#31f9bc
```
#31f9bc rgb(49,249,188)
```
#31f9cd
```
#31f9cd rgb(49,249,205)
```
#31f9de
```
#31f9de rgb(49,249,222)
```
#31f9ee
```
#31f9ee rgb(49,249,238)
```
#31f3f9
```
#31f3f9 rgb(49,243,249)
```

Similar Colors

Text with hexadecimal color #31f9cd

This text has a font color of #31f9cd.

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

#31f9cd background color

This paragraph has a background color of #31f9cd.

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

#31f9cd border color

This element has a border color of #31f9cd.

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

CSS codes

.text {color:#31f9cd;}

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

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

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 #f0fffb is the lightest one.

#000403
```
#000403 rgb(0,4,3)
```
#011712
```
#011712 rgb(1,23,18)
```
#012a21
```
#012a21 rgb(1,42,33)
```
#023d30
```
#023d30 rgb(2,61,48)
```
#02503f
```
#02503f rgb(2,80,63)
```
#03634e
```
#03634e rgb(3,99,78)
```
#03765d
```
#03765d rgb(3,118,93)
```
#04896c
```
#04896c rgb(4,137,108)
```
#059c7b
```
#059c7b rgb(5,156,123)
```
#05af8a
```
#05af8a rgb(5,175,138)
```
#06c299
```
#06c299 rgb(6,194,153)
```
#06d5a8
```
#06d5a8 rgb(6,213,168)
```
#07e8b7
```
#07e8b7 rgb(7,232,183)
```

Shade Color Variation

#0bf8c4
```
#0bf8c4 rgb(11,248,196)
```
#1ef8c8
```
#1ef8c8 rgb(30,248,200)
```
#31f9cd
```
#31f9cd rgb(49,249,205)
```
#44fad2
```
#44fad2 rgb(68,250,210)
```
#57fad6
```
#57fad6 rgb(87,250,214)
```
#6afbdb
```
#6afbdb rgb(106,251,219)
```
#7dfbe0
```
#7dfbe0 rgb(125,251,224)
```
#90fce4
```
#90fce4 rgb(144,252,228)
```
#a3fce9
```
#a3fce9 rgb(163,252,233)
```
#b6fded
```
#b6fded rgb(182,253,237)
```
#c9fdf2
```
#c9fdf2 rgb(201,253,242)
```
#ddfef7
```
#ddfef7 rgb(221,254,247)
```
#f0fffb
```
#f0fffb rgb(240,255,251)
```

Tint Color Variation

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

#939796
```
#939796 rgb(147,151,150)
```
#8b9f9b
```
#8b9f9b rgb(139,159,155)
```
#83a79f
```
#83a79f rgb(131,167,159)
```
#7ab0a4
```
#7ab0a4 rgb(122,176,164)
```
#72b8a8
```
#72b8a8 rgb(114,184,168)
```
#6ac0ad
```
#6ac0ad rgb(106,192,173)
```
#62c8b2
```
#62c8b2 rgb(98,200,178)
```
#5ad0b6
```
#5ad0b6 rgb(90,208,182)
```
#52d8bb
```
#52d8bb rgb(82,216,187)
```
#49e1bf
```
#49e1bf rgb(73,225,191)
```
#41e9c4
```
#41e9c4 rgb(65,233,196)
```
#39f1c8
```
#39f1c8 rgb(57,241,200)
```
#31f9cd
```
#31f9cd rgb(49,249,205)
```

Tone Color Variation

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

#b8b8b8 Achromatopsia 0.005% of the population
#9dc5bc Atypical Achromatopsia 0.001% of the population

Dichromacy

#eadec2 Protanopia 1% of men
#f5d8db Deuteranopia 1% of men
#80efff Tritanopia 0.001% of the population

Trichromacy

#a6e8c6 Protanomaly 1% of men, 0.01% of women
#aee4d5 Deuteranomaly 6% of men, 0.4% of women
#63f2ec Tritanomaly 0.01% of the population

#31f9cd hex color

#31f9cd Color Information

#31f9cd Color Conversion

Color Schemes with #31f9cd

Alternatives to #31f9cd

#31f9cd Preview

Shades and Tints of #31f9cd

Tones of #31f9cd

Color Blindness Simulator