#31a0a1 hex color

In a RGB color space, hex #31a0a1 is composed of 19.2% red, 62.7% green and 63.1% blue. Whereas in a CMYK color space, it is composed of 69.6% cyan, 0.6% magenta, 0% yellow and 36.9% black. It has a hue angle of 180.5 degrees, a saturation of 53.3% and a lightness of 41.2%. #31a0a1 color hex could be obtained by blending #62ffff with #004143. Closest websafe color is: #339999.

♥
- f
- t
- g
- R 19
- G 63
- B 63
RGB color chart
- C 70
- M 1
- Y 0
- K 37
CMYK color chart

● #31a0a1 color description : Dark moderate cyan.

The hexadecimal color #31a0a1 has RGB values of R:49, G:160, B:161 and CMYK values of C:0.7, M:0.01, Y:0, K:0.37. Its decimal value is 3252385.

Hex triplet	31a0a1	`#31a0a1`
RGB Decimal	49, 160, 161	`rgb(49,160,161)`
RGB Percent	19.2, 62.7, 63.1	`rgb(19.2%,62.7%,63.1%)`
CMYK	70, 1, 0, 37
HSL	180.5°, 53.3, 41.2	`hsl(180.5,53.3%,41.2%)`
HSV (or HSB)	180.5°, 69.6, 63.1
Web Safe	339999	`#339999`

CIE-LAB	60.218, -29.806, -9.553
XYZ	20.269, 28.366, 38.123
xyY	0.234, 0.327, 28.366
CIE-LCH	60.218, 31.299, 197.772
CIE-LUV	60.218, -41.567, -9.831
Hunter-Lab	53.26, -25.275, -5.158
Binary	00110001, 10100000, 10100001

#31a0a1
```
#31a0a1 rgb(49,160,161)
```
#a13231
```
#a13231 rgb(161,50,49)
```

Complementary Color

#31a16a
```
#31a16a rgb(49,161,106)
```
#31a0a1
```
#31a0a1 rgb(49,160,161)
```
#3168a1
```
#3168a1 rgb(49,104,161)
```

Analogous Color

#a16a31
```
#a16a31 rgb(161,106,49)
```
#31a0a1
```
#31a0a1 rgb(49,160,161)
```
#a13168
```
#a13168 rgb(161,49,104)
```

Split Complementary Color

#a0a131
```
#a0a131 rgb(160,161,49)
```
#31a0a1
```
#31a0a1 rgb(49,160,161)
```
#a131a0
```
#a131a0 rgb(161,49,160)
```

Triadic Color

#31a132
```
#31a132 rgb(49,161,50)
```
#31a0a1
```
#31a0a1 rgb(49,160,161)
```
#a131a0
```
#a131a0 rgb(161,49,160)
```
#a13231
```
#a13231 rgb(161,50,49)
```

Tetradic Color

#1f6666
```
#1f6666 rgb(31,102,102)
```
#25797a
```
#25797a rgb(37,121,122)
```
#2b8d8d
```
#2b8d8d rgb(43,141,141)
```
#31a0a1
```
#31a0a1 rgb(49,160,161)
```
#37b3b5
```
#37b3b5 rgb(55,179,181)
```
#40c4c5
```
#40c4c5 rgb(64,196,197)
```
#54cacb
```
#54cacb rgb(84,202,203)
```

Monochromatic Color

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

#31a186
```
#31a186 rgb(49,161,134)
```
#31a18f
```
#31a18f rgb(49,161,143)
```
#31a199
```
#31a199 rgb(49,161,153)
```
#31a0a1
```
#31a0a1 rgb(49,160,161)
```
#3197a1
```
#3197a1 rgb(49,151,161)
```
#318da1
```
#318da1 rgb(49,141,161)
```
#3184a1
```
#3184a1 rgb(49,132,161)
```

Similar Colors

Text with hexadecimal color #31a0a1

This text has a font color of #31a0a1.

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

#31a0a1 background color

This paragraph has a background color of #31a0a1.

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

#31a0a1 border color

This element has a border color of #31a0a1.

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

CSS codes

.text {color:#31a0a1;}

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

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

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

#030b0b
```
#030b0b rgb(3,11,11)
```
#08191a
```
#08191a rgb(8,25,26)
```
#0c2829
```
#0c2829 rgb(12,40,41)
```
#113738
```
#113738 rgb(17,55,56)
```
#164647
```
#164647 rgb(22,70,71)
```
#1a5556
```
#1a5556 rgb(26,85,86)
```
#1f6465
```
#1f6465 rgb(31,100,101)
```
#237374
```
#237374 rgb(35,115,116)
```
#288283
```
#288283 rgb(40,130,131)
```
#2c9192
```
#2c9192 rgb(44,145,146)
```
#31a0a1
```
#31a0a1 rgb(49,160,161)
```
#36afb0
```
#36afb0 rgb(54,175,176)
```
#3abebf
```
#3abebf rgb(58,190,191)
```

Shade Color Variation

#46c6c7
```
#46c6c7 rgb(70,198,199)
```
#55cacb
```
#55cacb rgb(85,202,203)
```
#64cfd0
```
#64cfd0 rgb(100,207,208)
```
#73d4d4
```
#73d4d4 rgb(115,212,212)
```
#82d8d9
```
#82d8d9 rgb(130,216,217)
```
#91ddde
```
#91ddde rgb(145,221,222)
```
#a0e2e2
```
#a0e2e2 rgb(160,226,226)
```
#afe6e7
```
#afe6e7 rgb(175,230,231)
```
#beebeb
```
#beebeb rgb(190,235,235)
```
#cdf0f0
```
#cdf0f0 rgb(205,240,240)
```
#ddf4f5
```
#ddf4f5 rgb(221,244,245)
```
#ecf9f9
```
#ecf9f9 rgb(236,249,249)
```
#fbfefe
```
#fbfefe rgb(251,254,254)
```

Tint Color Variation

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

#617071
```
#617071 rgb(97,112,113)
```
#597879
```
#597879 rgb(89,120,121)
```
#518081
```
#518081 rgb(81,128,129)
```
#498889
```
#498889 rgb(73,136,137)
```
#419091
```
#419091 rgb(65,144,145)
```
#399899
```
#399899 rgb(57,152,153)
```
#31a0a1
```
#31a0a1 rgb(49,160,161)
```
#29a8a9
```
#29a8a9 rgb(41,168,169)
```
#21b0b1
```
#21b0b1 rgb(33,176,177)
```
#19b8b9
```
#19b8b9 rgb(25,184,185)
```
#11c0c1
```
#11c0c1 rgb(17,192,193)
```
#09c8c9
```
#09c8c9 rgb(9,200,201)
```
#01d0d1
```
#01d0d1 rgb(1,208,209)
```

Tone Color Variation

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

#7f7f7f Achromatopsia 0.005% of the population
#6f8686 Atypical Achromatopsia 0.001% of the population

Dichromacy

#97969d Protanopia 1% of men
#9a93ac Deuteranopia 1% of men
#42a3af Tritanopia 0.001% of the population

Trichromacy

#72999e Protanomaly 1% of men, 0.01% of women
#7398a8 Deuteranomaly 6% of men, 0.4% of women
#3ca2aa Tritanomaly 0.01% of the population

#31a0a1 hex color

#31a0a1 Color Information

#31a0a1 Color Conversion

Color Schemes with #31a0a1

Alternatives to #31a0a1

#31a0a1 Preview

Shades and Tints of #31a0a1

Tones of #31a0a1

Color Blindness Simulator