#31a2a0 hex color

In a RGB color space, hex #31a2a0 is composed of 19.2% red, 63.5% green and 62.7% blue. Whereas in a CMYK color space, it is composed of 69.8% cyan, 0% magenta, 1.2% yellow and 36.5% black. It has a hue angle of 178.9 degrees, a saturation of 53.6% and a lightness of 41.4%. #31a2a0 color hex could be obtained by blending #62ffff with #004541. Closest websafe color is: #339999.

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

● #31a2a0 color description : Dark moderate cyan.

The hexadecimal color #31a2a0 has RGB values of R:49, G:162, B:160 and CMYK values of C:0.7, M:0, Y:0.01, K:0.36. Its decimal value is 3252896.

Hex triplet	31a2a0	`#31a2a0`
RGB Decimal	49, 162, 160	`rgb(49,162,160)`
RGB Percent	19.2, 63.5, 62.7	`rgb(19.2%,63.5%,62.7%)`
CMYK	70, 0, 1, 36
HSL	178.9°, 53.6, 41.4	`hsl(178.9,53.6%,41.4%)`
HSV (or HSB)	178.9°, 69.8, 63.5
Web Safe	339999	`#339999`

CIE-LAB	60.808, -31.069, -8.108
XYZ	20.53, 29.03, 37.777
xyY	0.235, 0.332, 29.03
CIE-LCH	60.808, 32.109, 194.626
CIE-LUV	60.808, -42.366, -7.442
Hunter-Lab	53.879, -26.273, -3.855
Binary	00110001, 10100010, 10100000

#31a2a0
```
#31a2a0 rgb(49,162,160)
```
#a23133
```
#a23133 rgb(162,49,51)
```

Complementary Color

#31a268
```
#31a268 rgb(49,162,104)
```
#31a2a0
```
#31a2a0 rgb(49,162,160)
```
#316ca2
```
#316ca2 rgb(49,108,162)
```

Analogous Color

#a26831
```
#a26831 rgb(162,104,49)
```
#31a2a0
```
#31a2a0 rgb(49,162,160)
```
#a2316c
```
#a2316c rgb(162,49,108)
```

Split Complementary Color

#a2a031
```
#a2a031 rgb(162,160,49)
```
#31a2a0
```
#31a2a0 rgb(49,162,160)
```
#a031a2
```
#a031a2 rgb(160,49,162)
```

Triadic Color

#33a231
```
#33a231 rgb(51,162,49)
```
#31a2a0
```
#31a2a0 rgb(49,162,160)
```
#a031a2
```
#a031a2 rgb(160,49,162)
```
#a23133
```
#a23133 rgb(162,49,51)
```

Tetradic Color

#1f6766
```
#1f6766 rgb(31,103,102)
```
#257b79
```
#257b79 rgb(37,123,121)
```
#2b8e8d
```
#2b8e8d rgb(43,142,141)
```
#31a2a0
```
#31a2a0 rgb(49,162,160)
```
#37b6b3
```
#37b6b3 rgb(55,182,179)
```
#41c5c3
```
#41c5c3 rgb(65,197,195)
```
#54cbc9
```
#54cbc9 rgb(84,203,201)
```

Monochromatic Color

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

#31a284
```
#31a284 rgb(49,162,132)
```
#31a28d
```
#31a28d rgb(49,162,141)
```
#31a297
```
#31a297 rgb(49,162,151)
```
#31a2a0
```
#31a2a0 rgb(49,162,160)
```
#319ba2
```
#319ba2 rgb(49,155,162)
```
#3191a2
```
#3191a2 rgb(49,145,162)
```
#3188a2
```
#3188a2 rgb(49,136,162)
```

Similar Colors

Text with hexadecimal color #31a2a0

This text has a font color of #31a2a0.

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

#31a2a0 background color

This paragraph has a background color of #31a2a0.

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

#31a2a0 border color

This element has a border color of #31a2a0.

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

CSS codes

.text {color:#31a2a0;}

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

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

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)
```
#081a1a
```
#081a1a rgb(8,26,26)
```
#0d2a29
```
#0d2a29 rgb(13,42,41)
```
#113938
```
#113938 rgb(17,57,56)
```
#164847
```
#164847 rgb(22,72,71)
```
#1a5756
```
#1a5756 rgb(26,87,86)
```
#1f6665
```
#1f6665 rgb(31,102,101)
```
#237573
```
#237573 rgb(35,117,115)
```
#288482
```
#288482 rgb(40,132,130)
```
#2c9391
```
#2c9391 rgb(44,147,145)
```
#31a2a0
```
#31a2a0 rgb(49,162,160)
```
#36b1af
```
#36b1af rgb(54,177,175)
```
#3ac0be
```
#3ac0be rgb(58,192,190)
```

Shade Color Variation

#47c7c5
```
#47c7c5 rgb(71,199,197)
```
#56ccca
```
#56ccca rgb(86,204,202)
```
#65d0ce
```
#65d0ce rgb(101,208,206)
```
#74d5d3
```
#74d5d3 rgb(116,213,211)
```
#83d9d8
```
#83d9d8 rgb(131,217,216)
```
#92dedd
```
#92dedd rgb(146,222,221)
```
#a1e3e1
```
#a1e3e1 rgb(161,227,225)
```
#b0e7e6
```
#b0e7e6 rgb(176,231,230)
```
#bfeceb
```
#bfeceb rgb(191,236,235)
```
#cef0f0
```
#cef0f0 rgb(206,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, #627171 is the less saturated color, while #00d3cf is the most saturated one.

#627171
```
#627171 rgb(98,113,113)
```
#5a7979
```
#5a7979 rgb(90,121,121)
```
#518281
```
#518281 rgb(81,130,129)
```
#498a89
```
#498a89 rgb(73,138,137)
```
#419290
```
#419290 rgb(65,146,144)
```
#399a98
```
#399a98 rgb(57,154,152)
```
#31a2a0
```
#31a2a0 rgb(49,162,160)
```
#29aaa8
```
#29aaa8 rgb(41,170,168)
```
#21b2b0
```
#21b2b0 rgb(33,178,176)
```
#19bab7
```
#19bab7 rgb(25,186,183)
```
#11c2bf
```
#11c2bf rgb(17,194,191)
```
#08cbc7
```
#08cbc7 rgb(8,203,199)
```
#00d3cf
```
#00d3cf rgb(0,211,207)
```

Tone Color Variation

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

#808080 Achromatopsia 0.005% of the population
#708786 Atypical Achromatopsia 0.001% of the population

Dichromacy

#99979c Protanopia 1% of men
#9c94ab Deuteranopia 1% of men
#44a4b0 Tritanopia 0.001% of the population

Trichromacy

#739b9d Protanomaly 1% of men, 0.01% of women
#7599a7 Deuteranomaly 6% of men, 0.4% of women
#3da3aa Tritanomaly 0.01% of the population

#31a2a0 hex color

#31a2a0 Color Information

#31a2a0 Color Conversion

Color Schemes with #31a2a0

Alternatives to #31a2a0

#31a2a0 Preview

Shades and Tints of #31a2a0

Tones of #31a2a0

Color Blindness Simulator