#31fdfe hex color

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

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

● #31fdfe color description : Bright cyan.

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

Hex triplet	31fdfe	`#31fdfe`
RGB Decimal	49, 253, 254	`rgb(49,253,254)`
RGB Percent	19.2, 99.2, 99.6	`rgb(19.2%,99.2%,99.6%)`
CMYK	81, 0, 0, 0
HSL	180.3°, 99, 59.4	`hsl(180.3,99%,59.4%)`
HSV (or HSB)	180.3°, 80.7, 99.6
Web Safe	33ffff	`#33ffff`

CIE-LAB	90.804, -45.545, -14.052
XYZ	54.276, 78.054, 105.966
xyY	0.228, 0.328, 78.054
CIE-LCH	90.804, 47.663, 197.147
CIE-LUV	90.804, -67.447, -15.415
Hunter-Lab	88.348, -44.95, -9.269
Binary	00110001, 11111101, 11111110

#31fdfe
```
#31fdfe rgb(49,253,254)
```
#fe3231
```
#fe3231 rgb(254,50,49)
```

Complementary Color

#31fe99
```
#31fe99 rgb(49,254,153)
```
#31fdfe
```
#31fdfe rgb(49,253,254)
```
#3197fe
```
#3197fe rgb(49,151,254)
```

Analogous Color

#fe9931
```
#fe9931 rgb(254,153,49)
```
#31fdfe
```
#31fdfe rgb(49,253,254)
```
#fe3197
```
#fe3197 rgb(254,49,151)
```

Split Complementary Color

#fdfe31
```
#fdfe31 rgb(253,254,49)
```
#31fdfe
```
#31fdfe rgb(49,253,254)
```
#fe31fd
```
#fe31fd rgb(254,49,253)
```

Triadic Color

#31fe32
```
#31fe32 rgb(49,254,50)
```
#31fdfe
```
#31fdfe rgb(49,253,254)
```
#fe31fd
```
#fe31fd rgb(254,49,253)
```
#fe3231
```
#fe3231 rgb(254,50,49)
```

Tetradic Color

#01e0e1
```
#01e0e1 rgb(1,224,225)
```
#01fafb
```
#01fafb rgb(1,250,251)
```
#18fdfe
```
#18fdfe rgb(24,253,254)
```
#31fdfe
```
#31fdfe rgb(49,253,254)
```
#4afdfe
```
#4afdfe rgb(74,253,254)
```
#64fdfe
```
#64fdfe rgb(100,253,254)
```
#7dfefe
```
#7dfefe rgb(125,254,254)
```

Monochromatic Color

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

#31fecc
```
#31fecc rgb(49,254,204)
```
#31fedd
```
#31fedd rgb(49,254,221)
```
#31feee
```
#31feee rgb(49,254,238)
```
#31fdfe
```
#31fdfe rgb(49,253,254)
```
#31ecfe
```
#31ecfe rgb(49,236,254)
```
#31dbfe
```
#31dbfe rgb(49,219,254)
```
#31cafe
```
#31cafe rgb(49,202,254)
```

Similar Colors

Text with hexadecimal color #31fdfe

This text has a font color of #31fdfe.

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

#31fdfe background color

This paragraph has a background color of #31fdfe.

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

#31fdfe border color

This element has a border color of #31fdfe.

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

CSS codes

.text {color:#31fdfe;}

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

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

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

#000909
```
#000909 rgb(0,9,9)
```
#001c1c
```
#001c1c rgb(0,28,28)
```
#003030
```
#003030 rgb(0,48,48)
```
#004343
```
#004343 rgb(0,67,67)
```
#005657
```
#005657 rgb(0,86,87)
```
#016a6a
```
#016a6a rgb(1,106,106)
```
#017d7e
```
#017d7e rgb(1,125,126)
```
#019191
```
#019191 rgb(1,145,145)
```
#01a4a5
```
#01a4a5 rgb(1,164,165)
```
#01b8b8
```
#01b8b8 rgb(1,184,184)
```
#01cbcc
```
#01cbcc rgb(1,203,204)
```
#01dedf
```
#01dedf rgb(1,222,223)
```
#01f2f3
```
#01f2f3 rgb(1,242,243)
```

Shade Color Variation

#0afdfe
```
#0afdfe rgb(10,253,254)
```
#1dfdfe
```
#1dfdfe rgb(29,253,254)
```
#31fdfe
```
#31fdfe rgb(49,253,254)
```
#45fdfe
```
#45fdfe rgb(69,253,254)
```
#58fdfe
```
#58fdfe rgb(88,253,254)
```
#6cfefe
```
#6cfefe rgb(108,254,254)
```
#7ffefe
```
#7ffefe rgb(127,254,254)
```
#93fefe
```
#93fefe rgb(147,254,254)
```
#a6feff
```
#a6feff rgb(166,254,255)
```
#bafeff
```
#bafeff rgb(186,254,255)
```
#cdffff
```
#cdffff rgb(205,255,255)
```
#e1ffff
```
#e1ffff rgb(225,255,255)
```
#f4ffff
```
#f4ffff rgb(244,255,255)
```

Tint Color Variation

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

#919e9e
```
#919e9e rgb(145,158,158)
```
#89a6a6
```
#89a6a6 rgb(137,166,166)
```
#81aeae
```
#81aeae rgb(129,174,174)
```
#79b6b6
```
#79b6b6 rgb(121,182,182)
```
#71bebe
```
#71bebe rgb(113,190,190)
```
#69c6c6
```
#69c6c6 rgb(105,198,198)
```
#61cece
```
#61cece rgb(97,206,206)
```
#59d6d6
```
#59d6d6 rgb(89,214,214)
```
#51ddde
```
#51ddde rgb(81,221,222)
```
#49e5e6
```
#49e5e6 rgb(73,229,230)
```
#41edee
```
#41edee rgb(65,237,238)
```
#39f5f6
```
#39f5f6 rgb(57,245,246)
```
#31fdfe
```
#31fdfe rgb(49,253,254)
```

Tone Color Variation

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

#c0c0c0 Achromatopsia 0.005% of the population
#a3cccc Atypical Achromatopsia 0.001% of the population

Dichromacy

#e6e4f0 Protanopia 1% of men
#e8e2ff Deuteranopia 1% of men
#a1f3ff Tritanopia 0.001% of the population

Trichromacy

#a4edf5 Protanomaly 1% of men, 0.01% of women
#a5ecfe Deuteranomaly 6% of men, 0.4% of women
#78f6fe Tritanomaly 0.01% of the population

#31fdfe hex color

#31fdfe Color Information

#31fdfe Color Conversion

Color Schemes with #31fdfe

Alternatives to #31fdfe

#31fdfe Preview

Shades and Tints of #31fdfe

Tones of #31fdfe

Color Blindness Simulator