#31d0fe hex color

In a RGB color space, hex #31d0fe is composed of 19.2% red, 81.6% green and 99.6% blue. Whereas in a CMYK color space, it is composed of 80.7% cyan, 18.1% magenta, 0% yellow and 0.4% black. It has a hue angle of 193.5 degrees, a saturation of 99% and a lightness of 59.4%. #31d0fe color hex could be obtained by blending #62ffff with #00a1fd. Closest websafe color is: #33ccff.

♥
- f
- t
- g
- R 19
- G 82
- B 100
RGB color chart
- C 81
- M 18
- Y 0
- K 0
CMYK color chart

● #31d0fe color description : Bright cyan.

The hexadecimal color #31d0fe has RGB values of R:49, G:208, B:254 and CMYK values of C:0.81, M:0.18, Y:0, K:0. Its decimal value is 3264766.

Hex triplet	31d0fe	`#31d0fe`
RGB Decimal	49, 208, 254	`rgb(49,208,254)`
RGB Percent	19.2, 81.6, 99.6	`rgb(19.2%,81.6%,99.6%)`
CMYK	81, 18, 0, 0
HSL	193.5°, 99, 59.4	`hsl(193.5,99%,59.4%)`
HSV (or HSB)	193.5°, 80.7, 99.6
Web Safe	33ccff	`#33ccff`

CIE-LAB	77.826, -24.471, -33.782
XYZ	41.707, 52.917, 101.776
xyY	0.212, 0.269, 52.917
CIE-LCH	77.826, 41.714, 234.082
CIE-LUV	77.826, -52.205, -51.458
Hunter-Lab	72.744, -24.96, -32.032
Binary	00110001, 11010000, 11111110

#31d0fe
```
#31d0fe rgb(49,208,254)
```
#fe5f31
```
#fe5f31 rgb(254,95,49)
```

Complementary Color

#31fec6
```
#31fec6 rgb(49,254,198)
```
#31d0fe
```
#31d0fe rgb(49,208,254)
```
#316afe
```
#316afe rgb(49,106,254)
```

Analogous Color

#fec631
```
#fec631 rgb(254,198,49)
```
#31d0fe
```
#31d0fe rgb(49,208,254)
```
#fe316a
```
#fe316a rgb(254,49,106)
```

Split Complementary Color

#d0fe31
```
#d0fe31 rgb(208,254,49)
```
#31d0fe
```
#31d0fe rgb(49,208,254)
```
#fe31d0
```
#fe31d0 rgb(254,49,208)
```

Triadic Color

#31fe5f
```
#31fe5f rgb(49,254,95)
```
#31d0fe
```
#31d0fe rgb(49,208,254)
```
#fe31d0
```
#fe31d0 rgb(254,49,208)
```
#fe5f31
```
#fe5f31 rgb(254,95,49)
```

Tetradic Color

#01afe1
```
#01afe1 rgb(1,175,225)
```
#01c3fb
```
#01c3fb rgb(1,195,251)
```
#18cafe
```
#18cafe rgb(24,202,254)
```
#31d0fe
```
#31d0fe rgb(49,208,254)
```
#4ad6fe
```
#4ad6fe rgb(74,214,254)
```
#64dcfe
```
#64dcfe rgb(100,220,254)
```
#7de1fe
```
#7de1fe rgb(125,225,254)
```

Monochromatic Color

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

#31fef9
```
#31fef9 rgb(49,254,249)
```
#31f2fe
```
#31f2fe rgb(49,242,254)
```
#31e1fe
```
#31e1fe rgb(49,225,254)
```
#31d0fe
```
#31d0fe rgb(49,208,254)
```
#31bffe
```
#31bffe rgb(49,191,254)
```
#31aefe
```
#31aefe rgb(49,174,254)
```
#319dfe
```
#319dfe rgb(49,157,254)
```

Similar Colors

Text with hexadecimal color #31d0fe

This text has a font color of #31d0fe.

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

#31d0fe background color

This paragraph has a background color of #31d0fe.

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

#31d0fe border color

This element has a border color of #31d0fe.

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

CSS codes

.text {color:#31d0fe;}

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

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

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

#000709
```
#000709 rgb(0,7,9)
```
#00161c
```
#00161c rgb(0,22,28)
```
#002530
```
#002530 rgb(0,37,48)
```
#003443
```
#003443 rgb(0,52,67)
```
#004357
```
#004357 rgb(0,67,87)
```
#01536a
```
#01536a rgb(1,83,106)
```
#01627e
```
#01627e rgb(1,98,126)
```
#017191
```
#017191 rgb(1,113,145)
```
#0180a5
```
#0180a5 rgb(1,128,165)
```
#018fb8
```
#018fb8 rgb(1,143,184)
```
#019ecc
```
#019ecc rgb(1,158,204)
```
#01aedf
```
#01aedf rgb(1,174,223)
```
#01bdf3
```
#01bdf3 rgb(1,189,243)
```

Shade Color Variation

#0ac7fe
```
#0ac7fe rgb(10,199,254)
```
#1dccfe
```
#1dccfe rgb(29,204,254)
```
#31d0fe
```
#31d0fe rgb(49,208,254)
```
#45d4fe
```
#45d4fe rgb(69,212,254)
```
#58d9fe
```
#58d9fe rgb(88,217,254)
```
#6cddfe
```
#6cddfe rgb(108,221,254)
```
#7fe2fe
```
#7fe2fe rgb(127,226,254)
```
#93e6fe
```
#93e6fe rgb(147,230,254)
```
#a6ebff
```
#a6ebff rgb(166,235,255)
```
#baefff
```
#baefff rgb(186,239,255)
```
#cdf4ff
```
#cdf4ff rgb(205,244,255)
```
#e1f8ff
```
#e1f8ff rgb(225,248,255)
```
#f4fdff
```
#f4fdff rgb(244,253,255)
```

Tint Color Variation

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

#919b9e
```
#919b9e rgb(145,155,158)
```
#89a0a6
```
#89a0a6 rgb(137,160,166)
```
#81a4ae
```
#81a4ae rgb(129,164,174)
```
#79a9b6
```
#79a9b6 rgb(121,169,182)
```
#71adbe
```
#71adbe rgb(113,173,190)
```
#69b1c6
```
#69b1c6 rgb(105,177,198)
```
#61b6ce
```
#61b6ce rgb(97,182,206)
```
#59bad6
```
#59bad6 rgb(89,186,214)
```
#51bede
```
#51bede rgb(81,190,222)
```
#49c3e6
```
#49c3e6 rgb(73,195,230)
```
#41c7ee
```
#41c7ee rgb(65,199,238)
```
#39ccf6
```
#39ccf6 rgb(57,204,246)
```
#31d0fe
```
#31d0fe rgb(49,208,254)
```

Tone Color Variation

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

#a6a6a6 Achromatopsia 0.005% of the population
#8faeb8 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b6c1f2 Protanopia 1% of men
#b0c1ff Deuteranopia 1% of men
#00d6e6 Tritanopia 0.001% of the population

Trichromacy

#85c6f6 Protanomaly 1% of men, 0.01% of women
#82c6fe Deuteranomaly 6% of men, 0.4% of women
#11d4ee Tritanomaly 0.01% of the population

#31d0fe hex color

#31d0fe Color Information

#31d0fe Color Conversion

Color Schemes with #31d0fe

Alternatives to #31d0fe

#31d0fe Preview

Shades and Tints of #31d0fe

Tones of #31d0fe

Color Blindness Simulator