#31dafe hex color

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

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

● #31dafe color description : Bright cyan.

The hexadecimal color #31dafe has RGB values of R:49, G:218, B:254 and CMYK values of C:0.81, M:0.14, Y:0, K:0. Its decimal value is 3267326.

Hex triplet	31dafe	`#31dafe`
RGB Decimal	49, 218, 254	`rgb(49,218,254)`
RGB Percent	19.2, 85.5, 99.6	`rgb(19.2%,85.5%,99.6%)`
CMYK	81, 14, 0, 0
HSL	190.5°, 99, 59.4	`hsl(190.5,99%,59.4%)`
HSV (or HSB)	190.5°, 80.7, 99.6
Web Safe	33ccff	`#33ccff`

CIE-LAB	80.71, -29.411, -29.345
XYZ	44.222, 57.947, 102.615
xyY	0.216, 0.283, 57.947
CIE-LCH	80.71, 41.547, 224.936
CIE-LUV	80.71, -55.609, -43.336
Hunter-Lab	76.123, -29.519, -26.637
Binary	00110001, 11011010, 11111110

#31dafe
```
#31dafe rgb(49,218,254)
```
#fe5531
```
#fe5531 rgb(254,85,49)
```

Complementary Color

#31febc
```
#31febc rgb(49,254,188)
```
#31dafe
```
#31dafe rgb(49,218,254)
```
#3174fe
```
#3174fe rgb(49,116,254)
```

Analogous Color

#febc31
```
#febc31 rgb(254,188,49)
```
#31dafe
```
#31dafe rgb(49,218,254)
```
#fe3174
```
#fe3174 rgb(254,49,116)
```

Split Complementary Color

#dafe31
```
#dafe31 rgb(218,254,49)
```
#31dafe
```
#31dafe rgb(49,218,254)
```
#fe31da
```
#fe31da rgb(254,49,218)
```

Triadic Color

#31fe55
```
#31fe55 rgb(49,254,85)
```
#31dafe
```
#31dafe rgb(49,218,254)
```
#fe31da
```
#fe31da rgb(254,49,218)
```
#fe5531
```
#fe5531 rgb(254,85,49)
```

Tetradic Color

#01bae1
```
#01bae1 rgb(1,186,225)
```
#01cffb
```
#01cffb rgb(1,207,251)
```
#18d5fe
```
#18d5fe rgb(24,213,254)
```
#31dafe
```
#31dafe rgb(49,218,254)
```
#4adffe
```
#4adffe rgb(74,223,254)
```
#64e3fe
```
#64e3fe rgb(100,227,254)
```
#7de8fe
```
#7de8fe rgb(125,232,254)
```

Monochromatic Color

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

#31feef
```
#31feef rgb(49,254,239)
```
#31fcfe
```
#31fcfe rgb(49,252,254)
```
#31ebfe
```
#31ebfe rgb(49,235,254)
```
#31dafe
```
#31dafe rgb(49,218,254)
```
#31c9fe
```
#31c9fe rgb(49,201,254)
```
#31b8fe
```
#31b8fe rgb(49,184,254)
```
#31a7fe
```
#31a7fe rgb(49,167,254)
```

Similar Colors

Text with hexadecimal color #31dafe

This text has a font color of #31dafe.

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

#31dafe background color

This paragraph has a background color of #31dafe.

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

#31dafe border color

This element has a border color of #31dafe.

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

CSS codes

.text {color:#31dafe;}

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

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

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)
```
#00171c
```
#00171c rgb(0,23,28)
```
#002730
```
#002730 rgb(0,39,48)
```
#003843
```
#003843 rgb(0,56,67)
```
#004857
```
#004857 rgb(0,72,87)
```
#01586a
```
#01586a rgb(1,88,106)
```
#01687e
```
#01687e rgb(1,104,126)
```
#017891
```
#017891 rgb(1,120,145)
```
#0188a5
```
#0188a5 rgb(1,136,165)
```
#0198b8
```
#0198b8 rgb(1,152,184)
```
#01a8cc
```
#01a8cc rgb(1,168,204)
```
#01b8df
```
#01b8df rgb(1,184,223)
```
#01c9f3
```
#01c9f3 rgb(1,201,243)
```

Shade Color Variation

#0ad3fe
```
#0ad3fe rgb(10,211,254)
```
#1dd6fe
```
#1dd6fe rgb(29,214,254)
```
#31dafe
```
#31dafe rgb(49,218,254)
```
#45defe
```
#45defe rgb(69,222,254)
```
#58e1fe
```
#58e1fe rgb(88,225,254)
```
#6ce5fe
```
#6ce5fe rgb(108,229,254)
```
#7fe8fe
```
#7fe8fe rgb(127,232,254)
```
#93ecfe
```
#93ecfe rgb(147,236,254)
```
#a6efff
```
#a6efff rgb(166,239,255)
```
#baf3ff
```
#baf3ff rgb(186,243,255)
```
#cdf6ff
```
#cdf6ff rgb(205,246,255)
```
#e1faff
```
#e1faff rgb(225,250,255)
```
#f4fdff
```
#f4fdff rgb(244,253,255)
```

Tint Color Variation

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

#919c9e
```
#919c9e rgb(145,156,158)
```
#89a1a6
```
#89a1a6 rgb(137,161,166)
```
#81a6ae
```
#81a6ae rgb(129,166,174)
```
#79acb6
```
#79acb6 rgb(121,172,182)
```
#71b1be
```
#71b1be rgb(113,177,190)
```
#69b6c6
```
#69b6c6 rgb(105,182,198)
```
#61bbce
```
#61bbce rgb(97,187,206)
```
#59c0d6
```
#59c0d6 rgb(89,192,214)
```
#51c5de
```
#51c5de rgb(81,197,222)
```
#49cbe6
```
#49cbe6 rgb(73,203,230)
```
#41d0ee
```
#41d0ee rgb(65,208,238)
```
#39d5f6
```
#39d5f6 rgb(57,213,246)
```
#31dafe
```
#31dafe rgb(49,218,254)
```

Tone Color Variation

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

#acacac Achromatopsia 0.005% of the population
#93b5bc Atypical Achromatopsia 0.001% of the population

Dichromacy

#c1c9f2 Protanopia 1% of men
#bec8ff Deuteranopia 1% of men
#20deee Tritanopia 0.001% of the population

Trichromacy

#8ccff6 Protanomaly 1% of men, 0.01% of women
#8acefe Deuteranomaly 6% of men, 0.4% of women
#26dcf4 Tritanomaly 0.01% of the population

#31dafe hex color

#31dafe Color Information

#31dafe Color Conversion

Color Schemes with #31dafe

Alternatives to #31dafe

#31dafe Preview

Shades and Tints of #31dafe

Tones of #31dafe

Color Blindness Simulator