#31eccd hex color

In a RGB color space, hex #31eccd is composed of 19.2% red, 92.5% green and 80.4% blue. Whereas in a CMYK color space, it is composed of 79.2% cyan, 0% magenta, 13.1% yellow and 7.5% black. It has a hue angle of 170.1 degrees, a saturation of 83.1% and a lightness of 55.9%. #31eccd color hex could be obtained by blending #62ffff with #00d99b. Closest websafe color is: #33ffcc.

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

● #31eccd color description : Bright cyan.

The hexadecimal color #31eccd has RGB values of R:49, G:236, B:205 and CMYK values of C:0.79, M:0, Y:0.13, K:0.07. Its decimal value is 3271885.

Hex triplet	31eccd	`#31eccd`
RGB Decimal	49, 236, 205	`rgb(49,236,205)`
RGB Percent	19.2, 92.5, 80.4	`rgb(19.2%,92.5%,80.4%)`
CMYK	79, 0, 13, 7
HSL	170.1°, 83.1, 55.9	`hsl(170.1,83.1%,55.9%)`
HSV (or HSB)	170.1°, 79.2, 92.5
Web Safe	33ffcc	`#33ffcc`

CIE-LAB	84.508, -51.55, 2.268
XYZ	42.278, 65.047, 68.081
xyY	0.241, 0.371, 65.047
CIE-LCH	84.508, 51.599, 177.481
CIE-LUV	84.508, -65.343, 11.695
Hunter-Lab	80.652, -47.572, 6.407
Binary	00110001, 11101100, 11001101

#31eccd
```
#31eccd rgb(49,236,205)
```
#ec3150
```
#ec3150 rgb(236,49,80)
```

Complementary Color

#31ec70
```
#31ec70 rgb(49,236,112)
```
#31eccd
```
#31eccd rgb(49,236,205)
```
#31aeec
```
#31aeec rgb(49,174,236)
```

Analogous Color

#ec7031
```
#ec7031 rgb(236,112,49)
```
#31eccd
```
#31eccd rgb(49,236,205)
```
#ec31ae
```
#ec31ae rgb(236,49,174)
```

Split Complementary Color

#eccd31
```
#eccd31 rgb(236,205,49)
```
#31eccd
```
#31eccd rgb(49,236,205)
```
#cd31ec
```
#cd31ec rgb(205,49,236)
```

Triadic Color

#50ec31
```
#50ec31 rgb(80,236,49)
```
#31eccd
```
#31eccd rgb(49,236,205)
```
#cd31ec
```
#cd31ec rgb(205,49,236)
```
#ec3150
```
#ec3150 rgb(236,49,80)
```

Tetradic Color

#12bfa2
```
#12bfa2 rgb(18,191,162)
```
#14d6b6
```
#14d6b6 rgb(20,214,182)
```
#1aeac7
```
#1aeac7 rgb(26,234,199)
```
#31eccd
```
#31eccd rgb(49,236,205)
```
#48eed3
```
#48eed3 rgb(72,238,211)
```
#60f0d8
```
#60f0d8 rgb(96,240,216)
```
#77f2de
```
#77f2de rgb(119,242,222)
```

Monochromatic Color

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

#31ec9e
```
#31ec9e rgb(49,236,158)
```
#31ecae
```
#31ecae rgb(49,236,174)
```
#31ecbd
```
#31ecbd rgb(49,236,189)
```
#31eccd
```
#31eccd rgb(49,236,205)
```
#31ecdd
```
#31ecdd rgb(49,236,221)
```
#31ecec
```
#31ecec rgb(49,236,236)
```
#31dcec
```
#31dcec rgb(49,220,236)
```

Similar Colors

Text with hexadecimal color #31eccd

This text has a font color of #31eccd.

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

#31eccd background color

This paragraph has a background color of #31eccd.

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

#31eccd border color

This element has a border color of #31eccd.

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

CSS codes

.text {color:#31eccd;}

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

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

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, #010a08 is the darkest color, while #f7fefd is the lightest one.

#010a08
```
#010a08 rgb(1,10,8)
```
#031b17
```
#031b17 rgb(3,27,23)
```
#042d27
```
#042d27 rgb(4,45,39)
```
#063f36
```
#063f36 rgb(6,63,54)
```
#085145
```
#085145 rgb(8,81,69)
```
#096354
```
#096354 rgb(9,99,84)
```
#0b7564
```
#0b7564 rgb(11,117,100)
```
#0c8773
```
#0c8773 rgb(12,135,115)
```
#0e9982
```
#0e9982 rgb(14,153,130)
```
#10ab91
```
#10ab91 rgb(16,171,145)
```
#11bda1
```
#11bda1 rgb(17,189,161)
```
#13cfb0
```
#13cfb0 rgb(19,207,176)
```
#15e1bf
```
#15e1bf rgb(21,225,191)
```

Shade Color Variation

#1feac9
```
#1feac9 rgb(31,234,201)
```
#31eccd
```
#31eccd rgb(49,236,205)
```
#43eed1
```
#43eed1 rgb(67,238,209)
```
#55efd6
```
#55efd6 rgb(85,239,214)
```
#67f1da
```
#67f1da rgb(103,241,218)
```
#79f3de
```
#79f3de rgb(121,243,222)
```
#8bf4e3
```
#8bf4e3 rgb(139,244,227)
```
#9df6e7
```
#9df6e7 rgb(157,246,231)
```
#aff8ec
```
#aff8ec rgb(175,248,236)
```
#c1f9f0
```
#c1f9f0 rgb(193,249,240)
```
#d3fbf4
```
#d3fbf4 rgb(211,251,244)
```
#e5fdf9
```
#e5fdf9 rgb(229,253,249)
```
#f7fefd
```
#f7fefd rgb(247,254,253)
```

Tint Color Variation

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

#889593
```
#889593 rgb(136,149,147)
```
#7f9e99
```
#7f9e99 rgb(127,158,153)
```
#76a79f
```
#76a79f rgb(118,167,159)
```
#6eafa5
```
#6eafa5 rgb(110,175,165)
```
#65b8aa
```
#65b8aa rgb(101,184,170)
```
#5cc1b0
```
#5cc1b0 rgb(92,193,176)
```
#54c9b6
```
#54c9b6 rgb(84,201,182)
```
#4bd2bc
```
#4bd2bc rgb(75,210,188)
```
#42dbc1
```
#42dbc1 rgb(66,219,193)
```
#3ae3c7
```
#3ae3c7 rgb(58,227,199)
```
#31eccd
```
#31eccd rgb(49,236,205)
```
#28f5d3
```
#28f5d3 rgb(40,245,211)
```
#20fdd9
```
#20fdd9 rgb(32,253,217)
```

Tone Color Variation

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

#b1b1b1 Achromatopsia 0.005% of the population
#97bdb7 Atypical Achromatopsia 0.001% of the population

Dichromacy

#ddd4c3 Protanopia 1% of men
#e6cfda Deuteranopia 1% of men
#5ce7f7 Tritanopia 0.001% of the population

Trichromacy

#9eddc6 Protanomaly 1% of men, 0.01% of women
#a4d9d5 Deuteranomaly 6% of men, 0.4% of women
#4ce8e8 Tritanomaly 0.01% of the population

#31eccd hex color

#31eccd Color Information

#31eccd Color Conversion

Color Schemes with #31eccd

Alternatives to #31eccd

#31eccd Preview

Shades and Tints of #31eccd

Tones of #31eccd

Color Blindness Simulator