#31feff hex color

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

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

● #31feff color description : Vivid cyan.

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

Hex triplet	31feff	`#31feff`
RGB Decimal	49, 254, 255	`rgb(49,254,255)`
RGB Percent	19.2, 99.6, 100	`rgb(19.2%,99.6%,100%)`
CMYK	81, 0, 0, 0
HSL	180.3°, 100, 59.6	`hsl(180.3,100%,59.6%)`
HSV (or HSB)	180.3°, 80.8, 100
Web Safe	33ffff	`#33ffff`

CIE-LAB	91.122, -45.7, -14.097
XYZ	54.753, 78.751, 106.917
xyY	0.228, 0.328, 78.751
CIE-LCH	91.122, 47.824, 197.143
CIE-LUV	91.122, -67.707, -15.471
Hunter-Lab	88.742, -45.166, -9.314
Binary	00110001, 11111110, 11111111

#31feff
```
#31feff rgb(49,254,255)
```
#ff3231
```
#ff3231 rgb(255,50,49)
```

Complementary Color

#31ff99
```
#31ff99 rgb(49,255,153)
```
#31feff
```
#31feff rgb(49,254,255)
```
#3197ff
```
#3197ff rgb(49,151,255)
```

Analogous Color

#ff9931
```
#ff9931 rgb(255,153,49)
```
#31feff
```
#31feff rgb(49,254,255)
```
#ff3197
```
#ff3197 rgb(255,49,151)
```

Split Complementary Color

#feff31
```
#feff31 rgb(254,255,49)
```
#31feff
```
#31feff rgb(49,254,255)
```
#ff31fe
```
#ff31fe rgb(255,49,254)
```

Triadic Color

#31ff32
```
#31ff32 rgb(49,255,50)
```
#31feff
```
#31feff rgb(49,254,255)
```
#ff31fe
```
#ff31fe rgb(255,49,254)
```
#ff3231
```
#ff3231 rgb(255,50,49)
```

Tetradic Color

#00e2e4
```
#00e2e4 rgb(0,226,228)
```
#00fcfd
```
#00fcfd rgb(0,252,253)
```
#18feff
```
#18feff rgb(24,254,255)
```
#31feff
```
#31feff rgb(49,254,255)
```
#4bfeff
```
#4bfeff rgb(75,254,255)
```
#64feff
```
#64feff rgb(100,254,255)
```
#7efeff
```
#7efeff rgb(126,254,255)
```

Monochromatic Color

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

#31ffcd
```
#31ffcd rgb(49,255,205)
```
#31ffde
```
#31ffde rgb(49,255,222)
```
#31ffef
```
#31ffef rgb(49,255,239)
```
#31feff
```
#31feff rgb(49,254,255)
```
#31edff
```
#31edff rgb(49,237,255)
```
#31dcff
```
#31dcff rgb(49,220,255)
```
#31cbff
```
#31cbff rgb(49,203,255)
```

Similar Colors

Text with hexadecimal color #31feff

This text has a font color of #31feff.

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

#31feff background color

This paragraph has a background color of #31feff.

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

#31feff border color

This element has a border color of #31feff.

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

CSS codes

.text {color:#31feff;}

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

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

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, #000a0a is the darkest color, while #f5ffff is the lightest one.

#000a0a
```
#000a0a rgb(0,10,10)
```
#001d1d
```
#001d1d rgb(0,29,29)
```
#003131
```
#003131 rgb(0,49,49)
```
#004445
```
#004445 rgb(0,68,69)
```
#005858
```
#005858 rgb(0,88,88)
```
#006b6c
```
#006b6c rgb(0,107,108)
```
#007f7f
```
#007f7f rgb(0,127,127)
```
#009293
```
#009293 rgb(0,146,147)
```
#00a6a7
```
#00a6a7 rgb(0,166,167)
```
#00b9ba
```
#00b9ba rgb(0,185,186)
```
#00cdce
```
#00cdce rgb(0,205,206)
```
#00e0e2
```
#00e0e2 rgb(0,224,226)
```
#00f4f5
```
#00f4f5 rgb(0,244,245)
```

Shade Color Variation

#0afeff
```
#0afeff rgb(10,254,255)
```
#1dfeff
```
#1dfeff rgb(29,254,255)
```
#31feff
```
#31feff rgb(49,254,255)
```
#45feff
```
#45feff rgb(69,254,255)
```
#58feff
```
#58feff rgb(88,254,255)
```
#6cfeff
```
#6cfeff rgb(108,254,255)
```
#7ffeff
```
#7ffeff rgb(127,254,255)
```
#93feff
```
#93feff rgb(147,254,255)
```
#a7ffff
```
#a7ffff rgb(167,255,255)
```
#baffff
```
#baffff rgb(186,255,255)
```
#ceffff
```
#ceffff rgb(206,255,255)
```
#e2ffff
```
#e2ffff rgb(226,255,255)
```
#f5ffff
```
#f5ffff rgb(245,255,255)
```

Tint Color Variation

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

#90a0a0
```
#90a0a0 rgb(144,160,160)
```
#88a8a8
```
#88a8a8 rgb(136,168,168)
```
#80b0b0
```
#80b0b0 rgb(128,176,176)
```
#78b7b8
```
#78b7b8 rgb(120,183,184)
```
#70bfc0
```
#70bfc0 rgb(112,191,192)
```
#68c7c8
```
#68c7c8 rgb(104,199,200)
```
#61cfcf
```
#61cfcf rgb(97,207,207)
```
#59d7d7
```
#59d7d7 rgb(89,215,215)
```
#51dfdf
```
#51dfdf rgb(81,223,223)
```
#49e6e7
```
#49e6e7 rgb(73,230,231)
```
#41eeef
```
#41eeef rgb(65,238,239)
```
#39f6f7
```
#39f6f7 rgb(57,246,247)
```
#31feff
```
#31feff rgb(49,254,255)
```

Tone Color Variation

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

#c1c1c1 Achromatopsia 0.005% of the population
#a4cdcd Atypical Achromatopsia 0.001% of the population

Dichromacy

#e7e5f1 Protanopia 1% of men
#e9e3ff Deuteranopia 1% of men
#a5f3ff Tritanopia 0.001% of the population

Trichromacy

#a5eef6 Protanomaly 1% of men, 0.01% of women
#a6edff Deuteranomaly 6% of men, 0.4% of women
#7bf7ff Tritanomaly 0.01% of the population

#31feff hex color

#31feff Color Information

#31feff Color Conversion

Color Schemes with #31feff

Alternatives to #31feff

#31feff Preview

Shades and Tints of #31feff

Tones of #31feff

Color Blindness Simulator