#31ccea hex color

In a RGB color space, hex #31ccea is composed of 19.2% red, 80% green and 91.8% blue. Whereas in a CMYK color space, it is composed of 79.1% cyan, 12.8% magenta, 0% yellow and 8.2% black. It has a hue angle of 189.7 degrees, a saturation of 81.5% and a lightness of 55.5%. #31ccea color hex could be obtained by blending #62ffff with #0099d5. Closest websafe color is: #33ccff.

♥
- f
- t
- g
- R 19
- G 80
- B 92
RGB color chart
- C 79
- M 13
- Y 0
- K 8
CMYK color chart

● #31ccea color description : Bright cyan.

The hexadecimal color #31ccea has RGB values of R:49, G:204, B:234 and CMYK values of C:0.79, M:0.13, Y:0, K:0.08. Its decimal value is 3263722.

Hex triplet	31ccea	`#31ccea`
RGB Decimal	49, 204, 234	`rgb(49,204,234)`
RGB Percent	19.2, 80, 91.8	`rgb(19.2%,80%,91.8%)`
CMYK	79, 13, 0, 8
HSL	189.7°, 81.5, 55.5	`hsl(189.7,81.5%,55.5%)`
HSV (or HSB)	189.7°, 79.1, 91.8
Web Safe	33ccff	`#33ccff`

CIE-LAB	75.931, -28.864, -25.982
XYZ	37.707, 49.776, 85.458
xyY	0.218, 0.288, 49.776
CIE-LCH	75.931, 38.836, 221.993
CIE-LUV	75.931, -52.232, -37.393
Hunter-Lab	70.552, -28.066, -22.43
Binary	00110001, 11001100, 11101010

#31ccea
```
#31ccea rgb(49,204,234)
```
#ea4f31
```
#ea4f31 rgb(234,79,49)
```

Complementary Color

#31eaac
```
#31eaac rgb(49,234,172)
```
#31ccea
```
#31ccea rgb(49,204,234)
```
#3170ea
```
#3170ea rgb(49,112,234)
```

Analogous Color

#eaac31
```
#eaac31 rgb(234,172,49)
```
#31ccea
```
#31ccea rgb(49,204,234)
```
#ea3170
```
#ea3170 rgb(234,49,112)
```

Split Complementary Color

#ccea31
```
#ccea31 rgb(204,234,49)
```
#31ccea
```
#31ccea rgb(49,204,234)
```
#ea31cc
```
#ea31cc rgb(234,49,204)
```

Triadic Color

#31ea4f
```
#31ea4f rgb(49,234,79)
```
#31ccea
```
#31ccea rgb(49,204,234)
```
#ea31cc
```
#ea31cc rgb(234,49,204)
```
#ea4f31
```
#ea4f31 rgb(234,79,49)
```

Tetradic Color

#13a0bb
```
#13a0bb rgb(19,160,187)
```
#15b4d3
```
#15b4d3 rgb(21,180,211)
```
#1ac6e8
```
#1ac6e8 rgb(26,198,232)
```
#31ccea
```
#31ccea rgb(49,204,234)
```
#48d2ec
```
#48d2ec rgb(72,210,236)
```
#5fd7ef
```
#5fd7ef rgb(95,215,239)
```
#76ddf1
```
#76ddf1 rgb(118,221,241)
```

Monochromatic Color

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

#31eada
```
#31eada rgb(49,234,218)
```
#31eae9
```
#31eae9 rgb(49,234,233)
```
#31dbea
```
#31dbea rgb(49,219,234)
```
#31ccea
```
#31ccea rgb(49,204,234)
```
#31bdea
```
#31bdea rgb(49,189,234)
```
#31adea
```
#31adea rgb(49,173,234)
```
#319eea
```
#319eea rgb(49,158,234)
```

Similar Colors

Text with hexadecimal color #31ccea

This text has a font color of #31ccea.

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

#31ccea background color

This paragraph has a background color of #31ccea.

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

#31ccea border color

This element has a border color of #31ccea.

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

CSS codes

.text {color:#31ccea;}

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

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

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

#010708
```
#010708 rgb(1,7,8)
```
#031619
```
#031619 rgb(3,22,25)
```
#04252b
```
#04252b rgb(4,37,43)
```
#06343d
```
#06343d rgb(6,52,61)
```
#08434f
```
#08434f rgb(8,67,79)
```
#0a5361
```
#0a5361 rgb(10,83,97)
```
#0c6272
```
#0c6272 rgb(12,98,114)
```
#0d7184
```
#0d7184 rgb(13,113,132)
```
#0f8096
```
#0f8096 rgb(15,128,150)
```
#118fa8
```
#118fa8 rgb(17,143,168)
```
#139fba
```
#139fba rgb(19,159,186)
```
#15aecb
```
#15aecb rgb(21,174,203)
```
#17bddd
```
#17bddd rgb(23,189,221)
```

Shade Color Variation

#1fc8e8
```
#1fc8e8 rgb(31,200,232)
```
#31ccea
```
#31ccea rgb(49,204,234)
```
#43d0ec
```
#43d0ec rgb(67,208,236)
```
#55d5ee
```
#55d5ee rgb(85,213,238)
```
#66d9ef
```
#66d9ef rgb(102,217,239)
```
#78def1
```
#78def1 rgb(120,222,241)
```
#8ae2f3
```
#8ae2f3 rgb(138,226,243)
```
#9ce6f5
```
#9ce6f5 rgb(156,230,245)
```
#aeebf7
```
#aeebf7 rgb(174,235,247)
```
#bfeff9
```
#bfeff9 rgb(191,239,249)
```
#d1f4fa
```
#d1f4fa rgb(209,244,250)
```
#e3f8fc
```
#e3f8fc rgb(227,248,252)
```
#f5fcfe
```
#f5fcfe rgb(245,252,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #889193 is the less saturated color, while #20d8fb is the most saturated one.

#889193
```
#889193 rgb(136,145,147)
```
#80979b
```
#80979b rgb(128,151,155)
```
#779da4
```
#779da4 rgb(119,157,164)
```
#6ea3ad
```
#6ea3ad rgb(110,163,173)
```
#65a9b6
```
#65a9b6 rgb(101,169,182)
```
#5dafbe
```
#5dafbe rgb(93,175,190)
```
#54b4c7
```
#54b4c7 rgb(84,180,199)
```
#4bbad0
```
#4bbad0 rgb(75,186,208)
```
#42c0d9
```
#42c0d9 rgb(66,192,217)
```
#3ac6e1
```
#3ac6e1 rgb(58,198,225)
```
#31ccea
```
#31ccea rgb(49,204,234)
```
#28d2f3
```
#28d2f3 rgb(40,210,243)
```
#20d8fb
```
#20d8fb rgb(32,216,251)
```

Tone Color Variation

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

#a1a1a1 Achromatopsia 0.005% of the population
#8baab0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#b6bde0 Protanopia 1% of men
#b2bbf2 Deuteranopia 1% of men
#2cd0df Tritanopia 0.001% of the population

Trichromacy

#86c2e3 Protanomaly 1% of men, 0.01% of women
#83c1ef Deuteranomaly 6% of men, 0.4% of women
#2dcee3 Tritanomaly 0.01% of the population

#31ccea hex color

#31ccea Color Information

#31ccea Color Conversion

Color Schemes with #31ccea

Alternatives to #31ccea

#31ccea Preview

Shades and Tints of #31ccea

Tones of #31ccea

Color Blindness Simulator