#31ddc5 hex color

In a RGB color space, hex #31ddc5 is composed of 19.2% red, 86.7% green and 77.3% blue. Whereas in a CMYK color space, it is composed of 77.8% cyan, 0% magenta, 10.9% yellow and 13.3% black. It has a hue angle of 171.6 degrees, a saturation of 71.7% and a lightness of 52.9%. #31ddc5 color hex could be obtained by blending #62ffff with #00bb8b. Closest websafe color is: #33cccc.

♥
- f
- t
- g
- R 19
- G 87
- B 77
RGB color chart
- C 78
- M 0
- Y 11
- K 13
CMYK color chart

● #31ddc5 color description : Bright cyan.

The hexadecimal color #31ddc5 has RGB values of R:49, G:221, B:197 and CMYK values of C:0.78, M:0, Y:0.11, K:0.13. Its decimal value is 3268037.

Hex triplet	31ddc5	`#31ddc5`
RGB Decimal	49, 221, 197	`rgb(49,221,197)`
RGB Percent	19.2, 86.7, 77.3	`rgb(19.2%,86.7%,77.3%)`
CMYK	78, 0, 11, 13
HSL	171.6°, 71.7, 52.9	`hsl(171.6,71.7%,52.9%)`
HSV (or HSB)	171.6°, 77.8, 86.7
Web Safe	33cccc	`#33cccc`

CIE-LAB	79.837, -47.36, -0.306
XYZ	37.198, 56.393, 61.745
xyY	0.239, 0.363, 56.393
CIE-LCH	79.837, 47.361, 180.37
CIE-LUV	79.837, -60.785, 6.996
Hunter-Lab	75.096, -42.999, 3.818
Binary	00110001, 11011101, 11000101

#31ddc5
```
#31ddc5 rgb(49,221,197)
```
#dd3149
```
#dd3149 rgb(221,49,73)
```

Complementary Color

#31dd6f
```
#31dd6f rgb(49,221,111)
```
#31ddc5
```
#31ddc5 rgb(49,221,197)
```
#319fdd
```
#319fdd rgb(49,159,221)
```

Analogous Color

#dd6f31
```
#dd6f31 rgb(221,111,49)
```
#31ddc5
```
#31ddc5 rgb(49,221,197)
```
#dd319f
```
#dd319f rgb(221,49,159)
```

Split Complementary Color

#ddc531
```
#ddc531 rgb(221,197,49)
```
#31ddc5
```
#31ddc5 rgb(49,221,197)
```
#c531dd
```
#c531dd rgb(197,49,221)
```

Triadic Color

#49dd31
```
#49dd31 rgb(73,221,49)
```
#31ddc5
```
#31ddc5 rgb(49,221,197)
```
#c531dd
```
#c531dd rgb(197,49,221)
```
#dd3149
```
#dd3149 rgb(221,49,73)
```

Tetradic Color

#1ba693
```
#1ba693 rgb(27,166,147)
```
#1fbca6
```
#1fbca6 rgb(31,188,166)
```
#23d2b9
```
#23d2b9 rgb(35,210,185)
```
#31ddc5
```
#31ddc5 rgb(49,221,197)
```
#47e1cb
```
#47e1cb rgb(71,225,203)
```
#5de4d1
```
#5de4d1 rgb(93,228,209)
```
#73e8d7
```
#73e8d7 rgb(115,232,215)
```

Monochromatic Color

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

#31dd9a
```
#31dd9a rgb(49,221,154)
```
#31dda8
```
#31dda8 rgb(49,221,168)
```
#31ddb7
```
#31ddb7 rgb(49,221,183)
```
#31ddc5
```
#31ddc5 rgb(49,221,197)
```
#31ddd3
```
#31ddd3 rgb(49,221,211)
```
#31d8dd
```
#31d8dd rgb(49,216,221)
```
#31cadd
```
#31cadd rgb(49,202,221)
```

Similar Colors

Text with hexadecimal color #31ddc5

This text has a font color of #31ddc5.

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

#31ddc5 background color

This paragraph has a background color of #31ddc5.

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

#31ddc5 border color

This element has a border color of #31ddc5.

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

CSS codes

.text {color:#31ddc5;}

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

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

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, #020d0b is the darkest color, while #fbfefe is the lightest one.

#020d0b
```
#020d0b rgb(2,13,11)
```
#051e1a
```
#051e1a rgb(5,30,26)
```
#082f29
```
#082f29 rgb(8,47,41)
```
#0a3f38
```
#0a3f38 rgb(10,63,56)
```
#0d5047
```
#0d5047 rgb(13,80,71)
```
#106156
```
#106156 rgb(16,97,86)
```
#137265
```
#137265 rgb(19,114,101)
```
#168374
```
#168374 rgb(22,131,116)
```
#189482
```
#189482 rgb(24,148,130)
```
#1ba491
```
#1ba491 rgb(27,164,145)
```
#1eb5a0
```
#1eb5a0 rgb(30,181,160)
```
#21c6af
```
#21c6af rgb(33,198,175)
```
#23d7be
```
#23d7be rgb(35,215,190)
```

Shade Color Variation

#31ddc5
```
#31ddc5 rgb(49,221,197)
```
#42e0ca
```
#42e0ca rgb(66,224,202)
```
#53e3ce
```
#53e3ce rgb(83,227,206)
```
#64e5d3
```
#64e5d3 rgb(100,229,211)
```
#74e8d8
```
#74e8d8 rgb(116,232,216)
```
#85ebdd
```
#85ebdd rgb(133,235,221)
```
#96eee1
```
#96eee1 rgb(150,238,225)
```
#a7f0e6
```
#a7f0e6 rgb(167,240,230)
```
#b8f3eb
```
#b8f3eb rgb(184,243,235)
```
#c9f6f0
```
#c9f6f0 rgb(201,246,240)
```
#d9f9f4
```
#d9f9f4 rgb(217,249,244)
```
#eafcf9
```
#eafcf9 rgb(234,252,249)
```
#fbfefe
```
#fbfefe rgb(251,254,254)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #848a89 is the less saturated color, while #15f9d9 is the most saturated one.

#848a89
```
#848a89 rgb(132,138,137)
```
#7b9390
```
#7b9390 rgb(123,147,144)
```
#729c96
```
#729c96 rgb(114,156,150)
```
#68a69d
```
#68a69d rgb(104,166,157)
```
#5fafa4
```
#5fafa4 rgb(95,175,164)
```
#56b8aa
```
#56b8aa rgb(86,184,170)
```
#4dc1b1
```
#4dc1b1 rgb(77,193,177)
```
#43cbb8
```
#43cbb8 rgb(67,203,184)
```
#3ad4be
```
#3ad4be rgb(58,212,190)
```
#31ddc5
```
#31ddc5 rgb(49,221,197)
```
#28e6cc
```
#28e6cc rgb(40,230,204)
```
#1fefd2
```
#1fefd2 rgb(31,239,210)
```
#15f9d9
```
#15f9d9 rgb(21,249,217)
```

Tone Color Variation

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

#a7a7a7 Achromatopsia 0.005% of the population
#8fb2ad Atypical Achromatopsia 0.001% of the population

Dichromacy

#cfc8bc Protanopia 1% of men
#d7c3d1 Deuteranopia 1% of men
#56d9e9 Tritanopia 0.001% of the population

Trichromacy

#95cfbf Protanomaly 1% of men, 0.01% of women
#9acccd Deuteranomaly 6% of men, 0.4% of women
#48dadc Tritanomaly 0.01% of the population

#31ddc5 hex color

#31ddc5 Color Information

#31ddc5 Color Conversion

Color Schemes with #31ddc5

Alternatives to #31ddc5

#31ddc5 Preview

Shades and Tints of #31ddc5

Tones of #31ddc5

Color Blindness Simulator