#31e0fa hex color

In a RGB color space, hex #31e0fa is composed of 19.2% red, 87.8% green and 98% blue. Whereas in a CMYK color space, it is composed of 80.4% cyan, 10.4% magenta, 0% yellow and 2% black. It has a hue angle of 187.8 degrees, a saturation of 95.3% and a lightness of 58.6%. #31e0fa color hex could be obtained by blending #62ffff with #00c1f5. Closest websafe color is: #33ccff.

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

● #31e0fa color description : Bright cyan.

The hexadecimal color #31e0fa has RGB values of R:49, G:224, B:250 and CMYK values of C:0.8, M:0.1, Y:0, K:0.02. Its decimal value is 3268858.

Hex triplet	31e0fa	`#31e0fa`
RGB Decimal	49, 224, 250	`rgb(49,224,250)`
RGB Percent	19.2, 87.8, 98	`rgb(19.2%,87.8%,98%)`
CMYK	80, 10, 0, 2
HSL	187.8°, 95.3, 58.6	`hsl(187.8,95.3%,58.6%)`
HSV (or HSB)	187.8°, 80.4, 98
Web Safe	33ccff	`#33ccff`

CIE-LAB	82.305, -33.531, -24.788
XYZ	45.173, 60.862, 99.804
xyY	0.219, 0.296, 60.862
CIE-LCH	82.305, 41.699, 216.475
CIE-LUV	82.305, -57.94, -35.039
Hunter-Lab	78.014, -33.168, -21.24
Binary	00110001, 11100000, 11111010

#31e0fa
```
#31e0fa rgb(49,224,250)
```
#fa4b31
```
#fa4b31 rgb(250,75,49)
```

Complementary Color

#31fab0
```
#31fab0 rgb(49,250,176)
```
#31e0fa
```
#31e0fa rgb(49,224,250)
```
#317cfa
```
#317cfa rgb(49,124,250)
```

Analogous Color

#fab031
```
#fab031 rgb(250,176,49)
```
#31e0fa
```
#31e0fa rgb(49,224,250)
```
#fa317c
```
#fa317c rgb(250,49,124)
```

Split Complementary Color

#e0fa31
```
#e0fa31 rgb(224,250,49)
```
#31e0fa
```
#31e0fa rgb(49,224,250)
```
#fa31e0
```
#fa31e0 rgb(250,49,224)
```

Triadic Color

#31fa4b
```
#31fa4b rgb(49,250,75)
```
#31e0fa
```
#31e0fa rgb(49,224,250)
```
#fa31e0
```
#fa31e0 rgb(250,49,224)
```
#fa4b31
```
#fa4b31 rgb(250,75,49)
```

Tetradic Color

#05bed9
```
#05bed9 rgb(5,190,217)
```
#06d4f2
```
#06d4f2 rgb(6,212,242)
```
#18dcf9
```
#18dcf9 rgb(24,220,249)
```
#31e0fa
```
#31e0fa rgb(49,224,250)
```
#4ae4fb
```
#4ae4fb rgb(74,228,251)
```
#63e7fb
```
#63e7fb rgb(99,231,251)
```
#7cebfc
```
#7cebfc rgb(124,235,252)
```

Monochromatic Color

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

#31fae2
```
#31fae2 rgb(49,250,226)
```
#31faf3
```
#31faf3 rgb(49,250,243)
```
#31f1fa
```
#31f1fa rgb(49,241,250)
```
#31e0fa
```
#31e0fa rgb(49,224,250)
```
#31cffa
```
#31cffa rgb(49,207,250)
```
#31bffa
```
#31bffa rgb(49,191,250)
```
#31aefa
```
#31aefa rgb(49,174,250)
```

Similar Colors

Text with hexadecimal color #31e0fa

This text has a font color of #31e0fa.

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

#31e0fa background color

This paragraph has a background color of #31e0fa.

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

#31e0fa border color

This element has a border color of #31e0fa.

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

CSS codes

.text {color:#31e0fa;}

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

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

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

#000405
```
#000405 rgb(0,4,5)
```
#011518
```
#011518 rgb(1,21,24)
```
#01262b
```
#01262b rgb(1,38,43)
```
#02363e
```
#02363e rgb(2,54,62)
```
#024751
```
#024751 rgb(2,71,81)
```
#025864
```
#025864 rgb(2,88,100)
```
#036878
```
#036878 rgb(3,104,120)
```
#03798b
```
#03798b rgb(3,121,139)
```
#048a9e
```
#048a9e rgb(4,138,158)
```
#049bb1
```
#049bb1 rgb(4,155,177)
```
#05abc4
```
#05abc4 rgb(5,171,196)
```
#05bcd7
```
#05bcd7 rgb(5,188,215)
```
#06cdea
```
#06cdea rgb(6,205,234)
```

Shade Color Variation

#0bdaf9
```
#0bdaf9 rgb(11,218,249)
```
#1eddfa
```
#1eddfa rgb(30,221,250)
```
#31e0fa
```
#31e0fa rgb(49,224,250)
```
#44e3fa
```
#44e3fa rgb(68,227,250)
```
#57e6fb
```
#57e6fb rgb(87,230,251)
```
#6ae9fb
```
#6ae9fb rgb(106,233,251)
```
#7eecfc
```
#7eecfc rgb(126,236,252)
```
#91eefc
```
#91eefc rgb(145,238,252)
```
#a4f1fd
```
#a4f1fd rgb(164,241,253)
```
#b7f4fd
```
#b7f4fd rgb(183,244,253)
```
#caf7fe
```
#caf7fe rgb(202,247,254)
```
#ddfafe
```
#ddfafe rgb(221,250,254)
```
#f1fdff
```
#f1fdff rgb(241,253,255)
```

Tint Color Variation

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

#929899
```
#929899 rgb(146,152,153)
```
#8a9ea1
```
#8a9ea1 rgb(138,158,161)
```
#82a4a9
```
#82a4a9 rgb(130,164,169)
```
#7aaab1
```
#7aaab1 rgb(122,170,177)
```
#72b0b9
```
#72b0b9 rgb(114,176,185)
```
#6ab6c1
```
#6ab6c1 rgb(106,182,193)
```
#62bcc9
```
#62bcc9 rgb(98,188,201)
```
#5ac2d1
```
#5ac2d1 rgb(90,194,209)
```
#51c8da
```
#51c8da rgb(81,200,218)
```
#49cee2
```
#49cee2 rgb(73,206,226)
```
#41d4ea
```
#41d4ea rgb(65,212,234)
```
#39daf2
```
#39daf2 rgb(57,218,242)
```
#31e0fa
```
#31e0fa rgb(49,224,250)
```

Tone Color Variation

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

#afafaf Achromatopsia 0.005% of the population
#96b9be Atypical Achromatopsia 0.001% of the population

Dichromacy

#c8cdee Protanopia 1% of men
#c6ccff Deuteranopia 1% of men
#31e2f3 Tritanopia 0.001% of the population

Trichromacy

#91d4f2 Protanomaly 1% of men, 0.01% of women
#90d3fd Deuteranomaly 6% of men, 0.4% of women
#31e1f5 Tritanomaly 0.01% of the population

#31e0fa hex color

#31e0fa Color Information

#31e0fa Color Conversion

Color Schemes with #31e0fa

Alternatives to #31e0fa

#31e0fa Preview

Shades and Tints of #31e0fa

Tones of #31e0fa

Color Blindness Simulator