#31a1a0 hex color

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

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

● #31a1a0 color description : Dark moderate cyan.

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

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

CIE-LAB	60.497, -30.586, -8.571
XYZ	20.355, 28.679, 37.719
xyY	0.235, 0.331, 28.679
CIE-LCH	60.497, 31.765, 195.654
CIE-LUV	60.497, -41.999, -8.215
Hunter-Lab	53.553, -25.872, -4.273
Binary	00110001, 10100001, 10100000

#31a1a0
```
#31a1a0 rgb(49,161,160)
```
#a13132
```
#a13132 rgb(161,49,50)
```

Complementary Color

#31a168
```
#31a168 rgb(49,161,104)
```
#31a1a0
```
#31a1a0 rgb(49,161,160)
```
#316aa1
```
#316aa1 rgb(49,106,161)
```

Analogous Color

#a16831
```
#a16831 rgb(161,104,49)
```
#31a1a0
```
#31a1a0 rgb(49,161,160)
```
#a1316a
```
#a1316a rgb(161,49,106)
```

Split Complementary Color

#a1a031
```
#a1a031 rgb(161,160,49)
```
#31a1a0
```
#31a1a0 rgb(49,161,160)
```
#a031a1
```
#a031a1 rgb(160,49,161)
```

Triadic Color

#32a131
```
#32a131 rgb(50,161,49)
```
#31a1a0
```
#31a1a0 rgb(49,161,160)
```
#a031a1
```
#a031a1 rgb(160,49,161)
```
#a13132
```
#a13132 rgb(161,49,50)
```

Tetradic Color

#1f6666
```
#1f6666 rgb(31,102,102)
```
#257a79
```
#257a79 rgb(37,122,121)
```
#2b8d8d
```
#2b8d8d rgb(43,141,141)
```
#31a1a0
```
#31a1a0 rgb(49,161,160)
```
#37b5b3
```
#37b5b3 rgb(55,181,179)
```
#40c5c4
```
#40c5c4 rgb(64,197,196)
```
#54cbca
```
#54cbca rgb(84,203,202)
```

Monochromatic Color

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

#31a184
```
#31a184 rgb(49,161,132)
```
#31a18d
```
#31a18d rgb(49,161,141)
```
#31a197
```
#31a197 rgb(49,161,151)
```
#31a1a0
```
#31a1a0 rgb(49,161,160)
```
#3199a1
```
#3199a1 rgb(49,153,161)
```
#318fa1
```
#318fa1 rgb(49,143,161)
```
#3186a1
```
#3186a1 rgb(49,134,161)
```

Similar Colors

Text with hexadecimal color #31a1a0

This text has a font color of #31a1a0.

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

#31a1a0 background color

This paragraph has a background color of #31a1a0.

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

#31a1a0 border color

This element has a border color of #31a1a0.

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

CSS codes

.text {color:#31a1a0;}

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

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

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)
```
#081a19
```
#081a19 rgb(8,26,25)
```
#0c2928
```
#0c2928 rgb(12,41,40)
```
#113837
```
#113837 rgb(17,56,55)
```
#164746
```
#164746 rgb(22,71,70)
```
#1a5655
```
#1a5655 rgb(26,86,85)
```
#1f6564
```
#1f6564 rgb(31,101,100)
```
#237473
```
#237473 rgb(35,116,115)
```
#288382
```
#288382 rgb(40,131,130)
```
#2c9291
```
#2c9291 rgb(44,146,145)
```
#31a1a0
```
#31a1a0 rgb(49,161,160)
```
#36b0af
```
#36b0af rgb(54,176,175)
```
#3abfbe
```
#3abfbe rgb(58,191,190)
```

Shade Color Variation

#46c7c6
```
#46c7c6 rgb(70,199,198)
```
#55cbca
```
#55cbca rgb(85,203,202)
```
#64d0cf
```
#64d0cf rgb(100,208,207)
```
#73d4d4
```
#73d4d4 rgb(115,212,212)
```
#82d9d8
```
#82d9d8 rgb(130,217,216)
```
#91dedd
```
#91dedd rgb(145,222,221)
```
#a0e2e2
```
#a0e2e2 rgb(160,226,226)
```
#afe7e6
```
#afe7e6 rgb(175,231,230)
```
#beebeb
```
#beebeb rgb(190,235,235)
```
#cdf0f0
```
#cdf0f0 rgb(205,240,240)
```
#ddf5f4
```
#ddf5f4 rgb(221,245,244)
```
#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, #617170 is the less saturated color, while #01d1d0 is the most saturated one.

#617170
```
#617170 rgb(97,113,112)
```
#597978
```
#597978 rgb(89,121,120)
```
#518180
```
#518180 rgb(81,129,128)
```
#498988
```
#498988 rgb(73,137,136)
```
#419190
```
#419190 rgb(65,145,144)
```
#399998
```
#399998 rgb(57,153,152)
```
#31a1a0
```
#31a1a0 rgb(49,161,160)
```
#29a9a8
```
#29a9a8 rgb(41,169,168)
```
#21b1b0
```
#21b1b0 rgb(33,177,176)
```
#19b9b8
```
#19b9b8 rgb(25,185,184)
```
#11c1c0
```
#11c1c0 rgb(17,193,192)
```
#09c9c8
```
#09c9c8 rgb(9,201,200)
```
#01d1d0
```
#01d1d0 rgb(1,209,208)
```

Tone Color Variation

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

#98969c Protanopia 1% of men
#9b94ab Deuteranopia 1% of men
#43a4b0 Tritanopia 0.001% of the population

Trichromacy

#729a9d Protanomaly 1% of men, 0.01% of women
#7498a7 Deuteranomaly 6% of men, 0.4% of women
#3ca2aa Tritanomaly 0.01% of the population

#31a1a0 hex color

#31a1a0 Color Information

#31a1a0 Color Conversion

Color Schemes with #31a1a0

Alternatives to #31a1a0

#31a1a0 Preview

Shades and Tints of #31a1a0

Tones of #31a1a0

Color Blindness Simulator