#31ddb4 hex color

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

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

● #31ddb4 color description : Bright cyan.

The hexadecimal color #31ddb4 has RGB values of R:49, G:221, B:180 and CMYK values of C:0.78, M:0, Y:0.19, K:0.13. Its decimal value is 3268020.

Hex triplet	31ddb4	`#31ddb4`
RGB Decimal	49, 221, 180	`rgb(49,221,180)`
RGB Percent	19.2, 86.7, 70.6	`rgb(19.2%,86.7%,70.6%)`
CMYK	78, 0, 19, 13
HSL	165.7°, 71.7, 52.9	`hsl(165.7,71.7%,52.9%)`
HSV (or HSB)	165.7°, 77.8, 86.7
Web Safe	33cccc	`#33cccc`

CIE-LAB	79.419, -51.686, 8.127
XYZ	35.358, 55.658, 52.057
xyY	0.247, 0.389, 55.658
CIE-LCH	79.419, 52.321, 171.064
CIE-LUV	79.419, -61.992, 20.34
Hunter-Lab	74.604, -45.958, 10.852
Binary	00110001, 11011101, 10110100

#31ddb4
```
#31ddb4 rgb(49,221,180)
```
#dd315a
```
#dd315a rgb(221,49,90)
```

Complementary Color

#31dd5e
```
#31dd5e rgb(49,221,94)
```
#31ddb4
```
#31ddb4 rgb(49,221,180)
```
#31b0dd
```
#31b0dd rgb(49,176,221)
```

Analogous Color

#dd5e31
```
#dd5e31 rgb(221,94,49)
```
#31ddb4
```
#31ddb4 rgb(49,221,180)
```
#dd31b0
```
#dd31b0 rgb(221,49,176)
```

Split Complementary Color

#ddb431
```
#ddb431 rgb(221,180,49)
```
#31ddb4
```
#31ddb4 rgb(49,221,180)
```
#b431dd
```
#b431dd rgb(180,49,221)
```

Triadic Color

#5add31
```
#5add31 rgb(90,221,49)
```
#31ddb4
```
#31ddb4 rgb(49,221,180)
```
#b431dd
```
#b431dd rgb(180,49,221)
```
#dd315a
```
#dd315a rgb(221,49,90)
```

Tetradic Color

#1ba685
```
#1ba685 rgb(27,166,133)
```
#1fbc97
```
#1fbc97 rgb(31,188,151)
```
#23d2a8
```
#23d2a8 rgb(35,210,168)
```
#31ddb4
```
#31ddb4 rgb(49,221,180)
```
#47e1bc
```
#47e1bc rgb(71,225,188)
```
#5de4c4
```
#5de4c4 rgb(93,228,196)
```
#73e8cc
```
#73e8cc rgb(115,232,204)
```

Monochromatic Color

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

#31dd89
```
#31dd89 rgb(49,221,137)
```
#31dd97
```
#31dd97 rgb(49,221,151)
```
#31dda6
```
#31dda6 rgb(49,221,166)
```
#31ddb4
```
#31ddb4 rgb(49,221,180)
```
#31ddc2
```
#31ddc2 rgb(49,221,194)
```
#31ddd1
```
#31ddd1 rgb(49,221,209)
```
#31dbdd
```
#31dbdd rgb(49,219,221)
```

Similar Colors

Text with hexadecimal color #31ddb4

This text has a font color of #31ddb4.

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

#31ddb4 background color

This paragraph has a background color of #31ddb4.

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

#31ddb4 border color

This element has a border color of #31ddb4.

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

CSS codes

.text {color:#31ddb4;}

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

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

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

#020d0a
```
#020d0a rgb(2,13,10)
```
#051e18
```
#051e18 rgb(5,30,24)
```
#082f25
```
#082f25 rgb(8,47,37)
```
#0a3f33
```
#0a3f33 rgb(10,63,51)
```
#0d5040
```
#0d5040 rgb(13,80,64)
```
#10614e
```
#10614e rgb(16,97,78)
```
#13725b
```
#13725b rgb(19,114,91)
```
#168369
```
#168369 rgb(22,131,105)
```
#189476
```
#189476 rgb(24,148,118)
```
#1ba484
```
#1ba484 rgb(27,164,132)
```
#1eb591
```
#1eb591 rgb(30,181,145)
```
#21c69f
```
#21c69f rgb(33,198,159)
```
#23d7ac
```
#23d7ac rgb(35,215,172)
```

Shade Color Variation

#31ddb4
```
#31ddb4 rgb(49,221,180)
```
#42e0ba
```
#42e0ba rgb(66,224,186)
```
#53e3c0
```
#53e3c0 rgb(83,227,192)
```
#64e5c6
```
#64e5c6 rgb(100,229,198)
```
#74e8cd
```
#74e8cd rgb(116,232,205)
```
#85ebd3
```
#85ebd3 rgb(133,235,211)
```
#96eed9
```
#96eed9 rgb(150,238,217)
```
#a7f0df
```
#a7f0df rgb(167,240,223)
```
#b8f3e5
```
#b8f3e5 rgb(184,243,229)
```
#c9f6eb
```
#c9f6eb rgb(201,246,235)
```
#d9f9f1
```
#d9f9f1 rgb(217,249,241)
```
#eafcf7
```
#eafcf7 rgb(234,252,247)
```
#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 #15f9c2 is the most saturated one.

#848a89
```
#848a89 rgb(132,138,137)
```
#7b938d
```
#7b938d rgb(123,147,141)
```
#729c92
```
#729c92 rgb(114,156,146)
```
#68a697
```
#68a697 rgb(104,166,151)
```
#5faf9c
```
#5faf9c rgb(95,175,156)
```
#56b8a1
```
#56b8a1 rgb(86,184,161)
```
#4dc1a6
```
#4dc1a6 rgb(77,193,166)
```
#43cbaa
```
#43cbaa rgb(67,203,170)
```
#3ad4af
```
#3ad4af rgb(58,212,175)
```
#31ddb4
```
#31ddb4 rgb(49,221,180)
```
#28e6b9
```
#28e6b9 rgb(40,230,185)
```
#1fefbe
```
#1fefbe rgb(31,239,190)
```
#15f9c2
```
#15f9c2 rgb(21,249,194)
```

Tone Color Variation

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

#a5a5a5 Achromatopsia 0.005% of the population
#8eb0a8 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d1c7ac Protanopia 1% of men
#dcc1c2 Deuteranopia 1% of men
#5dd7e7 Tritanopia 0.001% of the population

Trichromacy

#97cfaf Protanomaly 1% of men, 0.01% of women
#9ecbbd Deuteranomaly 6% of men, 0.4% of women
#4dd9d4 Tritanomaly 0.01% of the population

#31ddb4 hex color

#31ddb4 Color Information

#31ddb4 Color Conversion

Color Schemes with #31ddb4

Alternatives to #31ddb4

#31ddb4 Preview

Shades and Tints of #31ddb4

Tones of #31ddb4

Color Blindness Simulator