#31fdf0 hex color

In a RGB color space, hex #31fdf0 is composed of 19.2% red, 99.2% green and 94.1% blue. Whereas in a CMYK color space, it is composed of 80.6% cyan, 0% magenta, 5.1% yellow and 0.8% black. It has a hue angle of 176.2 degrees, a saturation of 98.1% and a lightness of 59.2%. #31fdf0 color hex could be obtained by blending #62ffff with #00fbe1. Closest websafe color is: #33ffff.

♥
- f
- t
- g
- R 19
- G 99
- B 94
RGB color chart
- C 81
- M 0
- Y 5
- K 1
CMYK color chart

● #31fdf0 color description : Bright cyan.

The hexadecimal color #31fdf0 has RGB values of R:49, G:253, B:240 and CMYK values of C:0.81, M:0, Y:0.05, K:0.01. Its decimal value is 3276272.

Hex triplet	31fdf0	`#31fdf0`
RGB Decimal	49, 253, 240	`rgb(49,253,240)`
RGB Percent	19.2, 99.2, 94.1	`rgb(19.2%,99.2%,94.1%)`
CMYK	81, 0, 5, 1
HSL	176.2°, 98.1, 59.2	`hsl(176.2,98.1%,59.2%)`
HSV (or HSB)	176.2°, 80.6, 99.2
Web Safe	33ffff	`#33ffff`

CIE-LAB	90.409, -49.419, -7.369
XYZ	52.115, 77.19, 94.586
xyY	0.233, 0.345, 77.19
CIE-LCH	90.409, 49.965, 188.481
CIE-LUV	90.409, -68.5, -3.82
Hunter-Lab	87.858, -47.869, -2.33
Binary	00110001, 11111101, 11110000

#31fdf0
```
#31fdf0 rgb(49,253,240)
```
#fd313e
```
#fd313e rgb(253,49,62)
```

Complementary Color

#31fd8a
```
#31fd8a rgb(49,253,138)
```
#31fdf0
```
#31fdf0 rgb(49,253,240)
```
#31a4fd
```
#31a4fd rgb(49,164,253)
```

Analogous Color

#fd8a31
```
#fd8a31 rgb(253,138,49)
```
#31fdf0
```
#31fdf0 rgb(49,253,240)
```
#fd31a4
```
#fd31a4 rgb(253,49,164)
```

Split Complementary Color

#fdf031
```
#fdf031 rgb(253,240,49)
```
#31fdf0
```
#31fdf0 rgb(49,253,240)
```
#f031fd
```
#f031fd rgb(240,49,253)
```

Triadic Color

#3efd31
```
#3efd31 rgb(62,253,49)
```
#31fdf0
```
#31fdf0 rgb(49,253,240)
```
#f031fd
```
#f031fd rgb(240,49,253)
```
#fd313e
```
#fd313e rgb(253,49,62)
```

Tetradic Color

#02dfd1
```
#02dfd1 rgb(2,223,209)
```
#02f9e9
```
#02f9e9 rgb(2,249,233)
```
#18fdee
```
#18fdee rgb(24,253,238)
```
#31fdf0
```
#31fdf0 rgb(49,253,240)
```
#4afdf2
```
#4afdf2 rgb(74,253,242)
```
#64fdf4
```
#64fdf4 rgb(100,253,244)
```
#7dfef6
```
#7dfef6 rgb(125,254,246)
```

Monochromatic Color

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

#31fdbd
```
#31fdbd rgb(49,253,189)
```
#31fdce
```
#31fdce rgb(49,253,206)
```
#31fddf
```
#31fddf rgb(49,253,223)
```
#31fdf0
```
#31fdf0 rgb(49,253,240)
```
#31f9fd
```
#31f9fd rgb(49,249,253)
```
#31e8fd
```
#31e8fd rgb(49,232,253)
```
#31d7fd
```
#31d7fd rgb(49,215,253)
```

Similar Colors

Text with hexadecimal color #31fdf0

This text has a font color of #31fdf0.

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

#31fdf0 background color

This paragraph has a background color of #31fdf0.

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

#31fdf0 border color

This element has a border color of #31fdf0.

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

CSS codes

.text {color:#31fdf0;}

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

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

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

#000807
```
#000807 rgb(0,8,7)
```
#001b19
```
#001b19 rgb(0,27,25)
```
#002f2c
```
#002f2c rgb(0,47,44)
```
#01423e
```
#01423e rgb(1,66,62)
```
#015550
```
#015550 rgb(1,85,80)
```
#016962
```
#016962 rgb(1,105,98)
```
#017c74
```
#017c74 rgb(1,124,116)
```
#019087
```
#019087 rgb(1,144,135)
```
#02a399
```
#02a399 rgb(2,163,153)
```
#02b7ab
```
#02b7ab rgb(2,183,171)
```
#02cabd
```
#02cabd rgb(2,202,189)
```
#02ddcf
```
#02ddcf rgb(2,221,207)
```
#02f1e2
```
#02f1e2 rgb(2,241,226)
```

Shade Color Variation

#0afded
```
#0afded rgb(10,253,237)
```
#1efdef
```
#1efdef rgb(30,253,239)
```
#31fdf0
```
#31fdf0 rgb(49,253,240)
```
#44fdf1
```
#44fdf1 rgb(68,253,241)
```
#58fdf3
```
#58fdf3 rgb(88,253,243)
```
#6bfef4
```
#6bfef4 rgb(107,254,244)
```
#7ffef6
```
#7ffef6 rgb(127,254,246)
```
#92fef7
```
#92fef7 rgb(146,254,247)
```
#a6fef8
```
#a6fef8 rgb(166,254,248)
```
#b9fefa
```
#b9fefa rgb(185,254,250)
```
#ccfffb
```
#ccfffb rgb(204,255,251)
```
#e0fffd
```
#e0fffd rgb(224,255,253)
```
#f3fffe
```
#f3fffe rgb(243,255,254)
```

Tint Color Variation

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

#919d9c
```
#919d9c rgb(145,157,156)
```
#89a5a3
```
#89a5a3 rgb(137,165,163)
```
#81adaa
```
#81adaa rgb(129,173,170)
```
#79b5b1
```
#79b5b1 rgb(121,181,177)
```
#71bdb8
```
#71bdb8 rgb(113,189,184)
```
#69c5bf
```
#69c5bf rgb(105,197,191)
```
#61cdc6
```
#61cdc6 rgb(97,205,198)
```
#59d5cd
```
#59d5cd rgb(89,213,205)
```
#51ddd4
```
#51ddd4 rgb(81,221,212)
```
#49e5db
```
#49e5db rgb(73,229,219)
```
#41ede2
```
#41ede2 rgb(65,237,226)
```
#39f5e9
```
#39f5e9 rgb(57,245,233)
```
#31fdf0
```
#31fdf0 rgb(49,253,240)
```

Tone Color Variation

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

#bfbfbf Achromatopsia 0.005% of the population
#a3cbc9 Atypical Achromatopsia 0.001% of the population

Dichromacy

#e9e3e3 Protanopia 1% of men
#efdffb Deuteranopia 1% of men
#9df2ff Tritanopia 0.001% of the population

Trichromacy

#a6ece7 Protanomaly 1% of men, 0.01% of women
#a9eaf7 Deuteranomaly 6% of men, 0.4% of women
#75f6f9 Tritanomaly 0.01% of the population

#31fdf0 hex color

#31fdf0 Color Information

#31fdf0 Color Conversion

Color Schemes with #31fdf0

Alternatives to #31fdf0

#31fdf0 Preview

Shades and Tints of #31fdf0

Tones of #31fdf0

Color Blindness Simulator