#31dffe hex color

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

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

● #31dffe color description : Bright cyan.

The hexadecimal color #31dffe has RGB values of R:49, G:223, B:254 and CMYK values of C:0.81, M:0.12, Y:0, K:0. Its decimal value is 3268606.

Hex triplet	31dffe	`#31dffe`
RGB Decimal	49, 223, 254	`rgb(49,223,254)`
RGB Percent	19.2, 87.5, 99.6	`rgb(19.2%,87.5%,99.6%)`
CMYK	81, 12, 0, 0
HSL	189.1°, 99, 59.4	`hsl(189.1,99%,59.4%)`
HSV (or HSB)	189.1°, 80.7, 99.6
Web Safe	33ccff	`#33ccff`

CIE-LAB	82.152, -31.824, -27.137
XYZ	45.539, 60.58, 103.053
xyY	0.218, 0.29, 60.58
CIE-LCH	82.152, 41.823, 220.455
CIE-LUV	82.152, -57.309, -39.287
Hunter-Lab	77.833, -31.771, -24.019
Binary	00110001, 11011111, 11111110

#31dffe
```
#31dffe rgb(49,223,254)
```
#fe5031
```
#fe5031 rgb(254,80,49)
```

Complementary Color

#31feb7
```
#31feb7 rgb(49,254,183)
```
#31dffe
```
#31dffe rgb(49,223,254)
```
#3179fe
```
#3179fe rgb(49,121,254)
```

Analogous Color

#feb731
```
#feb731 rgb(254,183,49)
```
#31dffe
```
#31dffe rgb(49,223,254)
```
#fe3179
```
#fe3179 rgb(254,49,121)
```

Split Complementary Color

#dffe31
```
#dffe31 rgb(223,254,49)
```
#31dffe
```
#31dffe rgb(49,223,254)
```
#fe31df
```
#fe31df rgb(254,49,223)
```

Triadic Color

#31fe50
```
#31fe50 rgb(49,254,80)
```
#31dffe
```
#31dffe rgb(49,223,254)
```
#fe31df
```
#fe31df rgb(254,49,223)
```
#fe5031
```
#fe5031 rgb(254,80,49)
```

Tetradic Color

#01bfe1
```
#01bfe1 rgb(1,191,225)
```
#01d5fb
```
#01d5fb rgb(1,213,251)
```
#18dbfe
```
#18dbfe rgb(24,219,254)
```
#31dffe
```
#31dffe rgb(49,223,254)
```
#4ae3fe
```
#4ae3fe rgb(74,227,254)
```
#64e7fe
```
#64e7fe rgb(100,231,254)
```
#7debfe
```
#7debfe rgb(125,235,254)
```

Monochromatic Color

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

#31feea
```
#31feea rgb(49,254,234)
```
#31fefb
```
#31fefb rgb(49,254,251)
```
#31f0fe
```
#31f0fe rgb(49,240,254)
```
#31dffe
```
#31dffe rgb(49,223,254)
```
#31cefe
```
#31cefe rgb(49,206,254)
```
#31bdfe
```
#31bdfe rgb(49,189,254)
```
#31acfe
```
#31acfe rgb(49,172,254)
```

Similar Colors

Text with hexadecimal color #31dffe

This text has a font color of #31dffe.

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

#31dffe background color

This paragraph has a background color of #31dffe.

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

#31dffe border color

This element has a border color of #31dffe.

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

CSS codes

.text {color:#31dffe;}

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

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

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)
```
#00181c
```
#00181c rgb(0,24,28)
```
#002930
```
#002930 rgb(0,41,48)
```
#003943
```
#003943 rgb(0,57,67)
```
#004a57
```
#004a57 rgb(0,74,87)
```
#015a6a
```
#015a6a rgb(1,90,106)
```
#016b7e
```
#016b7e rgb(1,107,126)
```
#017b91
```
#017b91 rgb(1,123,145)
```
#018ca5
```
#018ca5 rgb(1,140,165)
```
#019db8
```
#019db8 rgb(1,157,184)
```
#01adcc
```
#01adcc rgb(1,173,204)
```
#01bedf
```
#01bedf rgb(1,190,223)
```
#01cef3
```
#01cef3 rgb(1,206,243)
```

Shade Color Variation

#0ad9fe
```
#0ad9fe rgb(10,217,254)
```
#1ddcfe
```
#1ddcfe rgb(29,220,254)
```
#31dffe
```
#31dffe rgb(49,223,254)
```
#45e2fe
```
#45e2fe rgb(69,226,254)
```
#58e5fe
```
#58e5fe rgb(88,229,254)
```
#6ce8fe
```
#6ce8fe rgb(108,232,254)
```
#7febfe
```
#7febfe rgb(127,235,254)
```
#93eefe
```
#93eefe rgb(147,238,254)
```
#a6f1ff
```
#a6f1ff rgb(166,241,255)
```
#baf4ff
```
#baf4ff rgb(186,244,255)
```
#cdf7ff
```
#cdf7ff rgb(205,247,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 #31dffe is the most saturated one.

#919c9e
```
#919c9e rgb(145,156,158)
```
#89a2a6
```
#89a2a6 rgb(137,162,166)
```
#81a7ae
```
#81a7ae rgb(129,167,174)
```
#79adb6
```
#79adb6 rgb(121,173,182)
```
#71b3be
```
#71b3be rgb(113,179,190)
```
#69b8c6
```
#69b8c6 rgb(105,184,198)
```
#61bece
```
#61bece rgb(97,190,206)
```
#59c3d6
```
#59c3d6 rgb(89,195,214)
```
#51c9de
```
#51c9de rgb(81,201,222)
```
#49cee6
```
#49cee6 rgb(73,206,230)
```
#41d4ee
```
#41d4ee rgb(65,212,238)
```
#39d9f6
```
#39d9f6 rgb(57,217,246)
```
#31dffe
```
#31dffe rgb(49,223,254)
```

Tone Color Variation

Below, you can see how #31dffe 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
#96b9bf Atypical Achromatopsia 0.001% of the population

Dichromacy

#c6cdf1 Protanopia 1% of men
#c4ccff Deuteranopia 1% of men
#2ae2f3 Tritanopia 0.001% of the population

Trichromacy

#90d3f6 Protanomaly 1% of men, 0.01% of women
#8ed3fe Deuteranomaly 6% of men, 0.4% of women
#2ce1f7 Tritanomaly 0.01% of the population

#31dffe hex color

#31dffe Color Information

#31dffe Color Conversion

Color Schemes with #31dffe

Alternatives to #31dffe

#31dffe Preview

Shades and Tints of #31dffe

Tones of #31dffe

Color Blindness Simulator