#31a393 hex color

In a RGB color space, hex #31a393 is composed of 19.2% red, 63.9% green and 57.6% blue. Whereas in a CMYK color space, it is composed of 69.9% cyan, 0% magenta, 9.8% yellow and 36.1% black. It has a hue angle of 171.6 degrees, a saturation of 53.8% and a lightness of 41.6%. #31a393 color hex could be obtained by blending #62ffff with #004727. Closest websafe color is: #339999.

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

● #31a393 color description : Dark moderate cyan.

The hexadecimal color #31a393 has RGB values of R:49, G:163, B:147 and CMYK values of C:0.7, M:0, Y:0.1, K:0.36. Its decimal value is 3253139.

Hex triplet	31a393	`#31a393`
RGB Decimal	49, 163, 147	`rgb(49,163,147)`
RGB Percent	19.2, 63.9, 57.6	`rgb(19.2%,63.9%,57.6%)`
CMYK	70, 0, 10, 36
HSL	171.6°, 53.8, 41.6	`hsl(171.6,53.8%,41.6%)`
HSV (or HSB)	171.6°, 69.9, 63.9
Web Safe	339999	`#339999`

CIE-LAB	60.739, -35.231, -0.878
XYZ	19.629, 28.952, 32.156
xyY	0.243, 0.359, 28.952
CIE-LCH	60.739, 35.242, 181.428
CIE-LUV	60.739, -43.575, 4.027
Hunter-Lab	53.807, -29.047, 2.232
Binary	00110001, 10100011, 10010011

#31a393
```
#31a393 rgb(49,163,147)
```
#a33141
```
#a33141 rgb(163,49,65)
```

Complementary Color

#31a35a
```
#31a35a rgb(49,163,90)
```
#31a393
```
#31a393 rgb(49,163,147)
```
#317aa3
```
#317aa3 rgb(49,122,163)
```

Analogous Color

#a35a31
```
#a35a31 rgb(163,90,49)
```
#31a393
```
#31a393 rgb(49,163,147)
```
#a3317a
```
#a3317a rgb(163,49,122)
```

Split Complementary Color

#a39331
```
#a39331 rgb(163,147,49)
```
#31a393
```
#31a393 rgb(49,163,147)
```
#9331a3
```
#9331a3 rgb(147,49,163)
```

Triadic Color

#41a331
```
#41a331 rgb(65,163,49)
```
#31a393
```
#31a393 rgb(49,163,147)
```
#9331a3
```
#9331a3 rgb(147,49,163)
```
#a33141
```
#a33141 rgb(163,49,65)
```

Tetradic Color

#1f685e
```
#1f685e rgb(31,104,94)
```
#257c70
```
#257c70 rgb(37,124,112)
```
#2b8f81
```
#2b8f81 rgb(43,143,129)
```
#31a393
```
#31a393 rgb(49,163,147)
```
#37b7a5
```
#37b7a5 rgb(55,183,165)
```
#41c6b3
```
#41c6b3 rgb(65,198,179)
```
#55ccbb
```
#55ccbb rgb(85,204,187)
```

Monochromatic Color

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

#31a377
```
#31a377 rgb(49,163,119)
```
#31a380
```
#31a380 rgb(49,163,128)
```
#31a38a
```
#31a38a rgb(49,163,138)
```
#31a393
```
#31a393 rgb(49,163,147)
```
#31a39d
```
#31a39d rgb(49,163,157)
```
#31a0a3
```
#31a0a3 rgb(49,160,163)
```
#3197a3
```
#3197a3 rgb(49,151,163)
```

Similar Colors

Text with hexadecimal color #31a393

This text has a font color of #31a393.

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

#31a393 background color

This paragraph has a background color of #31a393.

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

#31a393 border color

This element has a border color of #31a393.

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

CSS codes

.text {color:#31a393;}

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

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

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, #040c0b is the darkest color, while #fcfefe is the lightest one.

#040c0b
```
#040c0b rgb(4,12,11)
```
#081b19
```
#081b19 rgb(8,27,25)
```
#0d2a26
```
#0d2a26 rgb(13,42,38)
```
#113934
```
#113934 rgb(17,57,52)
```
#164941
```
#164941 rgb(22,73,65)
```
#1a584f
```
#1a584f rgb(26,88,79)
```
#1f675d
```
#1f675d rgb(31,103,93)
```
#23766a
```
#23766a rgb(35,118,106)
```
#288578
```
#288578 rgb(40,133,120)
```
#2c9485
```
#2c9485 rgb(44,148,133)
```
#31a393
```
#31a393 rgb(49,163,147)
```
#36b2a1
```
#36b2a1 rgb(54,178,161)
```
#3ac1ae
```
#3ac1ae rgb(58,193,174)
```

Shade Color Variation

#47c8b6
```
#47c8b6 rgb(71,200,182)
```
#56ccbc
```
#56ccbc rgb(86,204,188)
```
#65d1c2
```
#65d1c2 rgb(101,209,194)
```
#74d5c8
```
#74d5c8 rgb(116,213,200)
```
#83dace
```
#83dace rgb(131,218,206)
```
#93ded4
```
#93ded4 rgb(147,222,212)
```
#a2e3da
```
#a2e3da rgb(162,227,218)
```
#b1e7e0
```
#b1e7e0 rgb(177,231,224)
```
#c0ece6
```
#c0ece6 rgb(192,236,230)
```
#cff1ec
```
#cff1ec rgb(207,241,236)
```
#def5f2
```
#def5f2 rgb(222,245,242)
```
#edfaf8
```
#edfaf8 rgb(237,250,248)
```
#fcfefe
```
#fcfefe rgb(252,254,254)
```

Tint Color Variation

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

#627270
```
#627270 rgb(98,114,112)
```
#5a7a76
```
#5a7a76 rgb(90,122,118)
```
#52827c
```
#52827c rgb(82,130,124)
```
#498b81
```
#498b81 rgb(73,139,129)
```
#419387
```
#419387 rgb(65,147,135)
```
#399b8d
```
#399b8d rgb(57,155,141)
```
#31a393
```
#31a393 rgb(49,163,147)
```
#29ab99
```
#29ab99 rgb(41,171,153)
```
#21b39f
```
#21b39f rgb(33,179,159)
```
#19bba5
```
#19bba5 rgb(25,187,165)
```
#10c4aa
```
#10c4aa rgb(16,196,170)
```
#08ccb0
```
#08ccb0 rgb(8,204,176)
```
#00d4b6
```
#00d4b6 rgb(0,212,182)
```

Tone Color Variation

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

Dichromacy

#9c9790 Protanopia 1% of men
#a2939f Deuteranopia 1% of men
#4aa4b0 Tritanopia 0.001% of the population

Trichromacy

#759b91 Protanomaly 1% of men, 0.01% of women
#79999b Deuteranomaly 6% of men, 0.4% of women
#41a3a5 Tritanomaly 0.01% of the population

#31a393 hex color

#31a393 Color Information

#31a393 Color Conversion

Color Schemes with #31a393

Alternatives to #31a393

#31a393 Preview

Shades and Tints of #31a393

Tones of #31a393

Color Blindness Simulator