#31cefe hex color

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

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

● #31cefe color description : Bright cyan.

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

Hex triplet	31cefe	`#31cefe`
RGB Decimal	49, 206, 254	`rgb(49,206,254)`
RGB Percent	19.2, 80.8, 99.6	`rgb(19.2%,80.8%,99.6%)`
CMYK	81, 19, 0, 0
HSL	194°, 99, 59.4	`hsl(194,99%,59.4%)`
HSV (or HSB)	194°, 80.7, 99.6
Web Safe	33ccff	`#33ccff`

CIE-LAB	77.249, -23.464, -34.672
XYZ	41.223, 51.947, 101.615
xyY	0.212, 0.267, 51.947
CIE-LCH	77.249, 41.865, 235.912
CIE-LUV	77.249, -51.525, -53.084
Hunter-Lab	72.075, -24.039, -33.138
Binary	00110001, 11001110, 11111110

#31cefe
```
#31cefe rgb(49,206,254)
```
#fe6131
```
#fe6131 rgb(254,97,49)
```

Complementary Color

#31fec8
```
#31fec8 rgb(49,254,200)
```
#31cefe
```
#31cefe rgb(49,206,254)
```
#3168fe
```
#3168fe rgb(49,104,254)
```

Analogous Color

#fec831
```
#fec831 rgb(254,200,49)
```
#31cefe
```
#31cefe rgb(49,206,254)
```
#fe3168
```
#fe3168 rgb(254,49,104)
```

Split Complementary Color

#cefe31
```
#cefe31 rgb(206,254,49)
```
#31cefe
```
#31cefe rgb(49,206,254)
```
#fe31ce
```
#fe31ce rgb(254,49,206)
```

Triadic Color

#31fe61
```
#31fe61 rgb(49,254,97)
```
#31cefe
```
#31cefe rgb(49,206,254)
```
#fe31ce
```
#fe31ce rgb(254,49,206)
```
#fe6131
```
#fe6131 rgb(254,97,49)
```

Tetradic Color

#01ade1
```
#01ade1 rgb(1,173,225)
```
#01c0fb
```
#01c0fb rgb(1,192,251)
```
#18c8fe
```
#18c8fe rgb(24,200,254)
```
#31cefe
```
#31cefe rgb(49,206,254)
```
#4ad4fe
```
#4ad4fe rgb(74,212,254)
```
#64dafe
```
#64dafe rgb(100,218,254)
```
#7de0fe
```
#7de0fe rgb(125,224,254)
```

Monochromatic Color

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

#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)
```
#319bfe
```
#319bfe rgb(49,155,254)
```

Similar Colors

Text with hexadecimal color #31cefe

This text has a font color of #31cefe.

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

#31cefe background color

This paragraph has a background color of #31cefe.

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

#31cefe border color

This element has a border color of #31cefe.

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

CSS codes

.text {color:#31cefe;}

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

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

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 #f4fcff is the lightest one.

#000709
```
#000709 rgb(0,7,9)
```
#00161c
```
#00161c rgb(0,22,28)
```
#002530
```
#002530 rgb(0,37,48)
```
#003443
```
#003443 rgb(0,52,67)
```
#004357
```
#004357 rgb(0,67,87)
```
#01526a
```
#01526a rgb(1,82,106)
```
#01617e
```
#01617e rgb(1,97,126)
```
#016f91
```
#016f91 rgb(1,111,145)
```
#017ea5
```
#017ea5 rgb(1,126,165)
```
#018db8
```
#018db8 rgb(1,141,184)
```
#019ccc
```
#019ccc rgb(1,156,204)
```
#01abdf
```
#01abdf rgb(1,171,223)
```
#01baf3
```
#01baf3 rgb(1,186,243)
```

Shade Color Variation

#0ac5fe
```
#0ac5fe rgb(10,197,254)
```
#1dc9fe
```
#1dc9fe rgb(29,201,254)
```
#31cefe
```
#31cefe rgb(49,206,254)
```
#45d3fe
```
#45d3fe rgb(69,211,254)
```
#58d7fe
```
#58d7fe rgb(88,215,254)
```
#6cdcfe
```
#6cdcfe rgb(108,220,254)
```
#7fe1fe
```
#7fe1fe rgb(127,225,254)
```
#93e5fe
```
#93e5fe rgb(147,229,254)
```
#a6eaff
```
#a6eaff rgb(166,234,255)
```
#baefff
```
#baefff rgb(186,239,255)
```
#cdf3ff
```
#cdf3ff rgb(205,243,255)
```
#e1f8ff
```
#e1f8ff rgb(225,248,255)
```
#f4fcff
```
#f4fcff rgb(244,252,255)
```

Tint Color Variation

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

#919b9e
```
#919b9e rgb(145,155,158)
```
#899fa6
```
#899fa6 rgb(137,159,166)
```
#81a4ae
```
#81a4ae rgb(129,164,174)
```
#79a8b6
```
#79a8b6 rgb(121,168,182)
```
#71acbe
```
#71acbe rgb(113,172,190)
```
#69b0c6
```
#69b0c6 rgb(105,176,198)
```
#61b5ce
```
#61b5ce rgb(97,181,206)
```
#59b9d6
```
#59b9d6 rgb(89,185,214)
```
#51bdde
```
#51bdde rgb(81,189,222)
```
#49c1e6
```
#49c1e6 rgb(73,193,230)
```
#41c6ee
```
#41c6ee rgb(65,198,238)
```
#39caf6
```
#39caf6 rgb(57,202,246)
```
#31cefe
```
#31cefe rgb(49,206,254)
```

Tone Color Variation

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

#a5a5a5 Achromatopsia 0.005% of the population
#8eadb7 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b4c0f3 Protanopia 1% of men
#adc0ff Deuteranopia 1% of men
#00d4e4 Tritanopia 0.001% of the population

Trichromacy

#84c5f7 Protanomaly 1% of men, 0.01% of women
#80c5fe Deuteranomaly 6% of men, 0.4% of women
#11d2ed Tritanomaly 0.01% of the population

#31cefe hex color

#31cefe Color Information

#31cefe Color Conversion

Color Schemes with #31cefe

Alternatives to #31cefe

#31cefe Preview

Shades and Tints of #31cefe

Tones of #31cefe

Color Blindness Simulator