#31a297 hex color

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

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

● #31a297 color description : Dark moderate cyan.

The hexadecimal color #31a297 has RGB values of R:49, G:162, B:151 and CMYK values of C:0.7, M:0, Y:0.07, K:0.36. Its decimal value is 3252887.

Hex triplet	31a297	`#31a297`
RGB Decimal	49, 162, 151	`rgb(49,162,151)`
RGB Percent	19.2, 63.5, 59.2	`rgb(19.2%,63.5%,59.2%)`
CMYK	70, 0, 7, 36
HSL	174.2°, 53.6, 41.4	`hsl(174.2,53.6%,41.4%)`
HSV (or HSB)	174.2°, 69.8, 63.5
Web Safe	339999	`#339999`

CIE-LAB	60.539, -33.654, -3.428
XYZ	19.771, 28.726, 33.779
xyY	0.24, 0.349, 28.726
CIE-LCH	60.539, 33.829, 185.816
CIE-LUV	60.539, -42.948, 0.019
Hunter-Lab	53.597, -27.948, 0.15
Binary	00110001, 10100010, 10010111

#31a297
```
#31a297 rgb(49,162,151)
```
#a2313c
```
#a2313c rgb(162,49,60)
```

Complementary Color

#31a25f
```
#31a25f rgb(49,162,95)
```
#31a297
```
#31a297 rgb(49,162,151)
```
#3175a2
```
#3175a2 rgb(49,117,162)
```

Analogous Color

#a25f31
```
#a25f31 rgb(162,95,49)
```
#31a297
```
#31a297 rgb(49,162,151)
```
#a23175
```
#a23175 rgb(162,49,117)
```

Split Complementary Color

#a29731
```
#a29731 rgb(162,151,49)
```
#31a297
```
#31a297 rgb(49,162,151)
```
#9731a2
```
#9731a2 rgb(151,49,162)
```

Triadic Color

#3ca231
```
#3ca231 rgb(60,162,49)
```
#31a297
```
#31a297 rgb(49,162,151)
```
#9731a2
```
#9731a2 rgb(151,49,162)
```
#a2313c
```
#a2313c rgb(162,49,60)
```

Tetradic Color

#1f6760
```
#1f6760 rgb(31,103,96)
```
#257b73
```
#257b73 rgb(37,123,115)
```
#2b8e85
```
#2b8e85 rgb(43,142,133)
```
#31a297
```
#31a297 rgb(49,162,151)
```
#37b6a9
```
#37b6a9 rgb(55,182,169)
```
#41c5b8
```
#41c5b8 rgb(65,197,184)
```
#54cbc0
```
#54cbc0 rgb(84,203,192)
```

Monochromatic Color

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

#31a27b
```
#31a27b rgb(49,162,123)
```
#31a284
```
#31a284 rgb(49,162,132)
```
#31a28e
```
#31a28e rgb(49,162,142)
```
#31a297
```
#31a297 rgb(49,162,151)
```
#31a2a0
```
#31a2a0 rgb(49,162,160)
```
#319aa2
```
#319aa2 rgb(49,154,162)
```
#3191a2
```
#3191a2 rgb(49,145,162)
```

Similar Colors

Text with hexadecimal color #31a297

This text has a font color of #31a297.

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

#31a297 background color

This paragraph has a background color of #31a297.

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

#31a297 border color

This element has a border color of #31a297.

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

CSS codes

.text {color:#31a297;}

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

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

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)
```
#0d2a27
```
#0d2a27 rgb(13,42,39)
```
#113935
```
#113935 rgb(17,57,53)
```
#164843
```
#164843 rgb(22,72,67)
```
#1a5751
```
#1a5751 rgb(26,87,81)
```
#1f665f
```
#1f665f rgb(31,102,95)
```
#23756d
```
#23756d rgb(35,117,109)
```
#28847b
```
#28847b rgb(40,132,123)
```
#2c9389
```
#2c9389 rgb(44,147,137)
```
#31a297
```
#31a297 rgb(49,162,151)
```
#36b1a5
```
#36b1a5 rgb(54,177,165)
```
#3ac0b3
```
#3ac0b3 rgb(58,192,179)
```

Shade Color Variation

#47c7bb
```
#47c7bb rgb(71,199,187)
```
#56ccc0
```
#56ccc0 rgb(86,204,192)
```
#65d0c6
```
#65d0c6 rgb(101,208,198)
```
#74d5cb
```
#74d5cb rgb(116,213,203)
```
#83d9d1
```
#83d9d1 rgb(131,217,209)
```
#92ded7
```
#92ded7 rgb(146,222,215)
```
#a1e3dc
```
#a1e3dc rgb(161,227,220)
```
#b0e7e2
```
#b0e7e2 rgb(176,231,226)
```
#bfece7
```
#bfece7 rgb(191,236,231)
```
#cef0ed
```
#cef0ed rgb(206,240,237)
```
#ddf5f2
```
#ddf5f2 rgb(221,245,242)
```
#ecf9f8
```
#ecf9f8 rgb(236,249,248)
```
#fbfefe
```
#fbfefe rgb(251,254,254)
```

Tint Color Variation

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

#627170
```
#627170 rgb(98,113,112)
```
#5a7976
```
#5a7976 rgb(90,121,118)
```
#51827d
```
#51827d rgb(81,130,125)
```
#498a83
```
#498a83 rgb(73,138,131)
```
#41928a
```
#41928a rgb(65,146,138)
```
#399a90
```
#399a90 rgb(57,154,144)
```
#31a297
```
#31a297 rgb(49,162,151)
```
#29aa9e
```
#29aa9e rgb(41,170,158)
```
#21b2a4
```
#21b2a4 rgb(33,178,164)
```
#19baab
```
#19baab rgb(25,186,171)
```
#11c2b1
```
#11c2b1 rgb(17,194,177)
```
#08cbb8
```
#08cbb8 rgb(8,203,184)
```
#00d3be
```
#00d3be rgb(0,211,190)
```

Tone Color Variation

Below, you can see how #31a297 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
#6f8684 Atypical Achromatopsia 0.001% of the population

Dichromacy

#9b9693 Protanopia 1% of men
#a093a3 Deuteranopia 1% of men
#48a3af Tritanopia 0.001% of the population

Trichromacy

#749a95 Protanomaly 1% of men, 0.01% of women
#77989e Deuteranomaly 6% of men, 0.4% of women
#3fa3a6 Tritanomaly 0.01% of the population

#31a297 hex color

#31a297 Color Information

#31a297 Color Conversion

Color Schemes with #31a297

Alternatives to #31a297

#31a297 Preview

Shades and Tints of #31a297

Tones of #31a297

Color Blindness Simulator