#31cee7 hex color

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

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

● #31cee7 color description : Bright cyan.

The hexadecimal color #31cee7 has RGB values of R:49, G:206, B:231 and CMYK values of C:0.79, M:0.11, Y:0, K:0.09. Its decimal value is 3264231.

Hex triplet	31cee7	`#31cee7`
RGB Decimal	49, 206, 231	`rgb(49,206,231)`
RGB Percent	19.2, 80.8, 90.6	`rgb(19.2%,80.8%,90.6%)`
CMYK	79, 11, 0, 9
HSL	188.2°, 79.1, 54.9	`hsl(188.2,79.1%,54.9%)`
HSV (or HSB)	188.2°, 78.8, 90.6
Web Safe	33ccff	`#33ccff`

CIE-LAB	76.413, -30.773, -23.635
XYZ	37.758, 50.562, 83.366
xyY	0.22, 0.295, 50.562
CIE-LCH	76.413, 38.802, 217.526
CIE-LUV	76.413, -53.135, -33.189
Hunter-Lab	71.107, -29.653, -19.738
Binary	00110001, 11001110, 11100111

#31cee7
```
#31cee7 rgb(49,206,231)
```
#e74a31
```
#e74a31 rgb(231,74,49)
```

Complementary Color

#31e7a5
```
#31e7a5 rgb(49,231,165)
```
#31cee7
```
#31cee7 rgb(49,206,231)
```
#3173e7
```
#3173e7 rgb(49,115,231)
```

Analogous Color

#e7a531
```
#e7a531 rgb(231,165,49)
```
#31cee7
```
#31cee7 rgb(49,206,231)
```
#e73173
```
#e73173 rgb(231,49,115)
```

Split Complementary Color

#cee731
```
#cee731 rgb(206,231,49)
```
#31cee7
```
#31cee7 rgb(49,206,231)
```
#e731ce
```
#e731ce rgb(231,49,206)
```

Triadic Color

#31e74a
```
#31e74a rgb(49,231,74)
```
#31cee7
```
#31cee7 rgb(49,206,231)
```
#e731ce
```
#e731ce rgb(231,49,206)
```
#e74a31
```
#e74a31 rgb(231,74,49)
```

Tetradic Color

#15a0b6
```
#15a0b6 rgb(21,160,182)
```
#18b4cd
```
#18b4cd rgb(24,180,205)
```
#1bc8e4
```
#1bc8e4 rgb(27,200,228)
```
#31cee7
```
#31cee7 rgb(49,206,231)
```
#48d3ea
```
#48d3ea rgb(72,211,234)
```
#5fd9ec
```
#5fd9ec rgb(95,217,236)
```
#76deef
```
#76deef rgb(118,222,239)
```

Monochromatic Color

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

#31e7d3
```
#31e7d3 rgb(49,231,211)
```
#31e7e2
```
#31e7e2 rgb(49,231,226)
```
#31dde7
```
#31dde7 rgb(49,221,231)
```
#31cee7
```
#31cee7 rgb(49,206,231)
```
#31bfe7
```
#31bfe7 rgb(49,191,231)
```
#31b0e7
```
#31b0e7 rgb(49,176,231)
```
#31a1e7
```
#31a1e7 rgb(49,161,231)
```

Similar Colors

Text with hexadecimal color #31cee7

This text has a font color of #31cee7.

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

#31cee7 background color

This paragraph has a background color of #31cee7.

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

#31cee7 border color

This element has a border color of #31cee7.

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

CSS codes

.text {color:#31cee7;}

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

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

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)
```
#0b515d
```
#0b515d rgb(11,81,93)
```
#0d616e
```
#0d616e rgb(13,97,110)
```
#0f7080
```
#0f7080 rgb(15,112,128)
```
#118091
```
#118091 rgb(17,128,145)
```
#138fa3
```
#138fa3 rgb(19,143,163)
```
#159fb5
```
#159fb5 rgb(21,159,181)
```
#17aec6
```
#17aec6 rgb(23,174,198)
```
#19bdd8
```
#19bdd8 rgb(25,189,216)
```

Shade Color Variation

#1fcae5
```
#1fcae5 rgb(31,202,229)
```
#31cee7
```
#31cee7 rgb(49,206,231)
```
#43d2e9
```
#43d2e9 rgb(67,210,233)
```
#54d6eb
```
#54d6eb rgb(84,214,235)
```
#66dbed
```
#66dbed rgb(102,219,237)
```
#77dfef
```
#77dfef rgb(119,223,239)
```
#89e3f1
```
#89e3f1 rgb(137,227,241)
```
#9ae7f3
```
#9ae7f3 rgb(154,231,243)
```
#acebf5
```
#acebf5 rgb(172,235,245)
```
#beeff7
```
#beeff7 rgb(190,239,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 #1fdbf9 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)
```
#54b4c4
```
#54b4c4 rgb(84,180,196)
```
#4cbbcc
```
#4cbbcc rgb(76,187,204)
```
#43c1d5
```
#43c1d5 rgb(67,193,213)
```
#3ac8de
```
#3ac8de rgb(58,200,222)
```
#31cee7
```
#31cee7 rgb(49,206,231)
```
#28d4f0
```
#28d4f0 rgb(40,212,240)
```
#1fdbf9
```
#1fdbf9 rgb(31,219,249)
```

Tone Color Variation

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

#b9bedd Protanopia 1% of men
#b7bcef Deuteranopia 1% of men
#32d1e1 Tritanopia 0.001% of the population

Trichromacy

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

#31cee7 hex color

#31cee7 Color Information

#31cee7 Color Conversion

Color Schemes with #31cee7

Alternatives to #31cee7

#31cee7 Preview

Shades and Tints of #31cee7

Tones of #31cee7

Color Blindness Simulator