#31d5db hex color

In a RGB color space, hex #31d5db is composed of 19.2% red, 83.5% green and 85.9% blue. Whereas in a CMYK color space, it is composed of 77.6% cyan, 2.7% magenta, 0% yellow and 14.1% black. It has a hue angle of 182.1 degrees, a saturation of 70.2% and a lightness of 52.5%. #31d5db color hex could be obtained by blending #62ffff with #00abb7. Closest websafe color is: #33cccc.

♥
- f
- t
- g
- R 19
- G 84
- B 86
RGB color chart
- C 78
- M 3
- Y 0
- K 14
CMYK color chart

● #31d5db color description : Bright cyan.

The hexadecimal color #31d5db has RGB values of R:49, G:213, B:219 and CMYK values of C:0.78, M:0.03, Y:0, K:0.14. Its decimal value is 3266011.

Hex triplet	31d5db	`#31d5db`
RGB Decimal	49, 213, 219	`rgb(49,213,219)`
RGB Percent	19.2, 83.5, 85.9	`rgb(19.2%,83.5%,85.9%)`
CMYK	78, 3, 0, 14
HSL	182.1°, 70.2, 52.5	`hsl(182.1,70.2%,52.5%)`
HSV (or HSB)	182.1°, 77.6, 85.9
Web Safe	33cccc	`#33cccc`

CIE-LAB	78.083, -37.693, -14.667
XYZ	37.843, 53.352, 75.317
xyY	0.227, 0.32, 53.352
CIE-LCH	78.083, 40.446, 201.262
CIE-LUV	78.083, -56.421, -17.34
Hunter-Lab	73.043, -35.344, -10.007
Binary	00110001, 11010101, 11011011

#31d5db
```
#31d5db rgb(49,213,219)
```
#db3731
```
#db3731 rgb(219,55,49)
```

Complementary Color

#31db8c
```
#31db8c rgb(49,219,140)
```
#31d5db
```
#31d5db rgb(49,213,219)
```
#3180db
```
#3180db rgb(49,128,219)
```

Analogous Color

#db8c31
```
#db8c31 rgb(219,140,49)
```
#31d5db
```
#31d5db rgb(49,213,219)
```
#db3180
```
#db3180 rgb(219,49,128)
```

Split Complementary Color

#d5db31
```
#d5db31 rgb(213,219,49)
```
#31d5db
```
#31d5db rgb(49,213,219)
```
#db31d5
```
#db31d5 rgb(219,49,213)
```

Triadic Color

#31db37
```
#31db37 rgb(49,219,55)
```
#31d5db
```
#31d5db rgb(49,213,219)
```
#db31d5
```
#db31d5 rgb(219,49,213)
```
#db3731
```
#db3731 rgb(219,55,49)
```

Tetradic Color

#1c9ea3
```
#1c9ea3 rgb(28,158,163)
```
#20b3b9
```
#20b3b9 rgb(32,179,185)
```
#24c8ce
```
#24c8ce rgb(36,200,206)
```
#31d5db
```
#31d5db rgb(49,213,219)
```
#47d9df
```
#47d9df rgb(71,217,223)
```
#5cdee3
```
#5cdee3 rgb(92,222,227)
```
#72e2e6
```
#72e2e6 rgb(114,226,230)
```

Monochromatic Color

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

#31dbb7
```
#31dbb7 rgb(49,219,183)
```
#31dbc5
```
#31dbc5 rgb(49,219,197)
```
#31dbd3
```
#31dbd3 rgb(49,219,211)
```
#31d5db
```
#31d5db rgb(49,213,219)
```
#31c7db
```
#31c7db rgb(49,199,219)
```
#31b9db
```
#31b9db rgb(49,185,219)
```
#31abdb
```
#31abdb rgb(49,171,219)
```

Similar Colors

Text with hexadecimal color #31d5db

This text has a font color of #31d5db.

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

#31d5db background color

This paragraph has a background color of #31d5db.

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

#31d5db border color

This element has a border color of #31d5db.

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

CSS codes

.text {color:#31d5db;}

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

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

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

#020b0b
```
#020b0b rgb(2,11,11)
```
#051b1c
```
#051b1c rgb(5,27,28)
```
#082b2c
```
#082b2c rgb(8,43,44)
```
#0b3b3d
```
#0b3b3d rgb(11,59,61)
```
#0e4c4e
```
#0e4c4e rgb(14,76,78)
```
#115c5f
```
#115c5f rgb(17,92,95)
```
#136c6f
```
#136c6f rgb(19,108,111)
```
#167c80
```
#167c80 rgb(22,124,128)
```
#198c91
```
#198c91 rgb(25,140,145)
```
#1c9da1
```
#1c9da1 rgb(28,157,161)
```
#1fadb2
```
#1fadb2 rgb(31,173,178)
```
#22bdc3
```
#22bdc3 rgb(34,189,195)
```
#25cdd3
```
#25cdd3 rgb(37,205,211)
```

Shade Color Variation

#31d5db
```
#31d5db rgb(49,213,219)
```
#42d8de
```
#42d8de rgb(66,216,222)
```
#52dce1
```
#52dce1 rgb(82,220,225)
```
#63dfe4
```
#63dfe4 rgb(99,223,228)
```
#74e3e7
```
#74e3e7 rgb(116,227,231)
```
#84e6ea
```
#84e6ea rgb(132,230,234)
```
#95e9ed
```
#95e9ed rgb(149,233,237)
```
#a6edef
```
#a6edef rgb(166,237,239)
```
#b7f0f2
```
#b7f0f2 rgb(183,240,242)
```
#c7f4f5
```
#c7f4f5 rgb(199,244,245)
```
#d8f7f8
```
#d8f7f8 rgb(216,247,248)
```
#e9fafb
```
#e9fafb rgb(233,250,251)
```
#f9fefe
```
#f9fefe rgb(249,254,254)
```

Tint Color Variation

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

#858787
```
#858787 rgb(133,135,135)
```
#7b9091
```
#7b9091 rgb(123,144,145)
```
#72989a
```
#72989a rgb(114,152,154)
```
#69a1a3
```
#69a1a3 rgb(105,161,163)
```
#60aaac
```
#60aaac rgb(96,170,172)
```
#56b2b6
```
#56b2b6 rgb(86,178,182)
```
#4dbbbf
```
#4dbbbf rgb(77,187,191)
```
#44c4c8
```
#44c4c8 rgb(68,196,200)
```
#3accd2
```
#3accd2 rgb(58,204,210)
```
#31d5db
```
#31d5db rgb(49,213,219)
```
#28dee4
```
#28dee4 rgb(40,222,228)
```
#1ee6ee
```
#1ee6ee rgb(30,230,238)
```
#15eff7
```
#15eff7 rgb(21,239,247)
```

Tone Color Variation

Below, you can see how #31d5db 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
#8eafb0 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c3c3d1 Protanopia 1% of men
#c5c0e5 Deuteranopia 1% of men
#44d5e5 Tritanopia 0.001% of the population

Trichromacy

#8ec9d4 Protanomaly 1% of men, 0.01% of women
#8fc7e1 Deuteranomaly 6% of men, 0.4% of women
#3dd5e1 Tritanomaly 0.01% of the population

#31d5db hex color

#31d5db Color Information

#31d5db Color Conversion

Color Schemes with #31d5db

Alternatives to #31d5db

#31d5db Preview

Shades and Tints of #31d5db

Tones of #31d5db

Color Blindness Simulator