#31cfe7 hex color

In a RGB color space, hex #31cfe7 is composed of 19.2% red, 81.2% green and 90.6% blue. Whereas in a CMYK color space, it is composed of 78.8% cyan, 10.4% magenta, 0% yellow and 9.4% black. It has a hue angle of 187.9 degrees, a saturation of 79.1% and a lightness of 54.9%. #31cfe7 color hex could be obtained by blending #62ffff with #009fcf. Closest websafe color is: #33ccff.

♥
- f
- t
- g
- R 19
- G 81
- B 91
RGB color chart
- C 79
- M 10
- Y 0
- K 9
CMYK color chart

● #31cfe7 color description : Bright cyan.

The hexadecimal color #31cfe7 has RGB values of R:49, G:207, B:231 and CMYK values of C:0.79, M:0.1, Y:0, K:0.09. Its decimal value is 3264487.

Hex triplet	31cfe7	`#31cfe7`
RGB Decimal	49, 207, 231	`rgb(49,207,231)`
RGB Percent	19.2, 81.2, 90.6	`rgb(19.2%,81.2%,90.6%)`
CMYK	79, 10, 0, 9
HSL	187.9°, 79.1, 54.9	`hsl(187.9,79.1%,54.9%)`
HSV (or HSB)	187.9°, 78.8, 90.6
Web Safe	33ccff	`#33ccff`

CIE-LAB	76.706, -31.255, -23.188
XYZ	37.999, 51.045, 83.447
xyY	0.22, 0.296, 51.045
CIE-LCH	76.706, 38.918, 216.572
CIE-LUV	76.706, -53.48, -32.384
Hunter-Lab	71.445, -30.092, -19.238
Binary	00110001, 11001111, 11100111

#31cfe7
```
#31cfe7 rgb(49,207,231)
```
#e74931
```
#e74931 rgb(231,73,49)
```

Complementary Color

#31e7a4
```
#31e7a4 rgb(49,231,164)
```
#31cfe7
```
#31cfe7 rgb(49,207,231)
```
#3174e7
```
#3174e7 rgb(49,116,231)
```

Analogous Color

#e7a431
```
#e7a431 rgb(231,164,49)
```
#31cfe7
```
#31cfe7 rgb(49,207,231)
```
#e73174
```
#e73174 rgb(231,49,116)
```

Split Complementary Color

#cfe731
```
#cfe731 rgb(207,231,49)
```
#31cfe7
```
#31cfe7 rgb(49,207,231)
```
#e731cf
```
#e731cf rgb(231,49,207)
```

Triadic Color

#31e749
```
#31e749 rgb(49,231,73)
```
#31cfe7
```
#31cfe7 rgb(49,207,231)
```
#e731cf
```
#e731cf rgb(231,49,207)
```
#e74931
```
#e74931 rgb(231,73,49)
```

Tetradic Color

#15a1b6
```
#15a1b6 rgb(21,161,182)
```
#18b5cd
```
#18b5cd rgb(24,181,205)
```
#1bc9e4
```
#1bc9e4 rgb(27,201,228)
```
#31cfe7
```
#31cfe7 rgb(49,207,231)
```
#48d4ea
```
#48d4ea rgb(72,212,234)
```
#5fdaec
```
#5fdaec rgb(95,218,236)
```
#76dfef
```
#76dfef rgb(118,223,239)
```

Monochromatic Color

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

#31e7d2
```
#31e7d2 rgb(49,231,210)
```
#31e7e1
```
#31e7e1 rgb(49,231,225)
```
#31dee7
```
#31dee7 rgb(49,222,231)
```
#31cfe7
```
#31cfe7 rgb(49,207,231)
```
#31c0e7
```
#31c0e7 rgb(49,192,231)
```
#31b1e7
```
#31b1e7 rgb(49,177,231)
```
#31a2e7
```
#31a2e7 rgb(49,162,231)
```

Similar Colors

Text with hexadecimal color #31cfe7

This text has a font color of #31cfe7.

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

#31cfe7 background color

This paragraph has a background color of #31cfe7.

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

#31cfe7 border color

This element has a border color of #31cfe7.

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

CSS codes

.text {color:#31cfe7;}

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

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

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

#010405
```
#010405 rgb(1,4,5)
```
#031416
```
#031416 rgb(3,20,22)
```
#052328
```
#052328 rgb(5,35,40)
```
#07333a
```
#07333a rgb(7,51,58)
```
#09424b
```
#09424b rgb(9,66,75)
```
#0b525d
```
#0b525d rgb(11,82,93)
```
#0d616e
```
#0d616e rgb(13,97,110)
```
#0f7180
```
#0f7180 rgb(15,113,128)
```
#118091
```
#118091 rgb(17,128,145)
```
#1390a3
```
#1390a3 rgb(19,144,163)
```
#159fb5
```
#159fb5 rgb(21,159,181)
```
#17afc6
```
#17afc6 rgb(23,175,198)
```
#19bfd8
```
#19bfd8 rgb(25,191,216)
```

Shade Color Variation

#1fcbe5
```
#1fcbe5 rgb(31,203,229)
```
#31cfe7
```
#31cfe7 rgb(49,207,231)
```
#43d3e9
```
#43d3e9 rgb(67,211,233)
```
#54d7eb
```
#54d7eb rgb(84,215,235)
```
#66dbed
```
#66dbed rgb(102,219,237)
```
#77dfef
```
#77dfef rgb(119,223,239)
```
#89e3f1
```
#89e3f1 rgb(137,227,241)
```
#9ae8f3
```
#9ae8f3 rgb(154,232,243)
```
#acecf5
```
#acecf5 rgb(172,236,245)
```
#bef0f7
```
#bef0f7 rgb(190,240,247)
```
#cff4f9
```
#cff4f9 rgb(207,244,249)
```
#e1f8fb
```
#e1f8fb rgb(225,248,251)
```
#f2fcfe
```
#f2fcfe rgb(242,252,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #898e8f is the less saturated color, while #1fdcf9 is the most saturated one.

#898e8f
```
#898e8f rgb(137,142,143)
```
#819497
```
#819497 rgb(129,148,151)
```
#789ba0
```
#789ba0 rgb(120,155,160)
```
#6fa1a9
```
#6fa1a9 rgb(111,161,169)
```
#66a8b2
```
#66a8b2 rgb(102,168,178)
```
#5daebb
```
#5daebb rgb(93,174,187)
```
#54b5c4
```
#54b5c4 rgb(84,181,196)
```
#4cbbcc
```
#4cbbcc rgb(76,187,204)
```
#43c2d5
```
#43c2d5 rgb(67,194,213)
```
#3ac8de
```
#3ac8de rgb(58,200,222)
```
#31cfe7
```
#31cfe7 rgb(49,207,231)
```
#28d6f0
```
#28d6f0 rgb(40,214,240)
```
#1fdcf9
```
#1fdcf9 rgb(31,220,249)
```

Tone Color Variation

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

#a2a2a2 Achromatopsia 0.005% of the population
#8babb0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#babfdd Protanopia 1% of men
#b8bdef Deuteranopia 1% of men
#33d2e2 Tritanopia 0.001% of the population

Trichromacy

#88c4e0 Protanomaly 1% of men, 0.01% of women
#87c3ec Deuteranomaly 6% of men, 0.4% of women
#32d1e3 Tritanomaly 0.01% of the population

#31cfe7 hex color

#31cfe7 Color Information

#31cfe7 Color Conversion

Color Schemes with #31cfe7

Alternatives to #31cfe7

#31cfe7 Preview

Shades and Tints of #31cfe7

Tones of #31cfe7

Color Blindness Simulator