#31a673 hex color

In a RGB color space, hex #31a673 is composed of 19.2% red, 65.1% green and 45.1% blue. Whereas in a CMYK color space, it is composed of 70.5% cyan, 0% magenta, 30.7% yellow and 34.9% black. It has a hue angle of 153.8 degrees, a saturation of 54.4% and a lightness of 42.2%. #31a673 color hex could be obtained by blending #62ffe6 with #004d00. Closest websafe color is: #339966.

♥
- f
- t
- g
- R 19
- G 65
- B 45
RGB color chart
- C 70
- M 0
- Y 31
- K 35
CMYK color chart

● #31a673 color description : Dark cyan - lime green.

The hexadecimal color #31a673 has RGB values of R:49, G:166, B:115 and CMYK values of C:0.7, M:0, Y:0.31, K:0.35. Its decimal value is 3253875.

Hex triplet	31a673	`#31a673`
RGB Decimal	49, 166, 115	`rgb(49,166,115)`
RGB Percent	19.2, 65.1, 45.1	`rgb(19.2%,65.1%,45.1%)`
CMYK	70, 0, 31, 35
HSL	153.8°, 54.4, 42.2	`hsl(153.8,54.4%,42.2%)`
HSV (or HSB)	153.8°, 70.5, 65.1
Web Safe	339966	`#339966`

CIE-LAB	60.924, -44.458, 17.259
XYZ	17.996, 29.162, 20.899
xyY	0.264, 0.428, 29.162
CIE-LCH	60.924, 47.691, 158.783
CIE-LUV	60.924, -46.654, 30.269
Hunter-Lab	54.001, -35.017, 14.855
Binary	00110001, 10100110, 01110011

#31a673
```
#31a673 rgb(49,166,115)
```
#a63164
```
#a63164 rgb(166,49,100)
```

Complementary Color

#31a639
```
#31a639 rgb(49,166,57)
```
#31a673
```
#31a673 rgb(49,166,115)
```
#319fa6
```
#319fa6 rgb(49,159,166)
```

Analogous Color

#a63931
```
#a63931 rgb(166,57,49)
```
#31a673
```
#31a673 rgb(49,166,115)
```
#a6319f
```
#a6319f rgb(166,49,159)
```

Split Complementary Color

#a67331
```
#a67331 rgb(166,115,49)
```
#31a673
```
#31a673 rgb(49,166,115)
```
#7331a6
```
#7331a6 rgb(115,49,166)
```

Triadic Color

#64a631
```
#64a631 rgb(100,166,49)
```
#31a673
```
#31a673 rgb(49,166,115)
```
#7331a6
```
#7331a6 rgb(115,49,166)
```
#a63164
```
#a63164 rgb(166,49,100)
```

Tetradic Color

#206b4a
```
#206b4a rgb(32,107,74)
```
#257f58
```
#257f58 rgb(37,127,88)
```
#2b9265
```
#2b9265 rgb(43,146,101)
```
#31a673
```
#31a673 rgb(49,166,115)
```
#37ba81
```
#37ba81 rgb(55,186,129)
```
#43c78e
```
#43c78e rgb(67,199,142)
```
#56cd99
```
#56cd99 rgb(86,205,153)
```

Monochromatic Color

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

#31a656
```
#31a656 rgb(49,166,86)
```
#31a660
```
#31a660 rgb(49,166,96)
```
#31a669
```
#31a669 rgb(49,166,105)
```
#31a673
```
#31a673 rgb(49,166,115)
```
#31a67d
```
#31a67d rgb(49,166,125)
```
#31a687
```
#31a687 rgb(49,166,135)
```
#31a690
```
#31a690 rgb(49,166,144)
```

Similar Colors

Text with hexadecimal color #31a673

This text has a font color of #31a673.

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

#31a673 background color

This paragraph has a background color of #31a673.

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

#31a673 border color

This element has a border color of #31a673.

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

CSS codes

.text {color:#31a673;}

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

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

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

#040f0a
```
#040f0a rgb(4,15,10)
```
#091e15
```
#091e15 rgb(9,30,21)
```
#0d2d1f
```
#0d2d1f rgb(13,45,31)
```
#123c2a
```
#123c2a rgb(18,60,42)
```
#164b34
```
#164b34 rgb(22,75,52)
```
#1b5a3f
```
#1b5a3f rgb(27,90,63)
```
#1f6949
```
#1f6949 rgb(31,105,73)
```
#247954
```
#247954 rgb(36,121,84)
```
#28885e
```
#28885e rgb(40,136,94)
```
#2d9769
```
#2d9769 rgb(45,151,105)
```
#31a673
```
#31a673 rgb(49,166,115)
```
#35b57d
```
#35b57d rgb(53,181,125)
```
#3ac488
```
#3ac488 rgb(58,196,136)
```

Shade Color Variation

#49c991
```
#49c991 rgb(73,201,145)
```
#58ce9a
```
#58ce9a rgb(88,206,154)
```
#67d2a3
```
#67d2a3 rgb(103,210,163)
```
#76d7ad
```
#76d7ad rgb(118,215,173)
```
#85dbb6
```
#85dbb6 rgb(133,219,182)
```
#94e0bf
```
#94e0bf rgb(148,224,191)
```
#a4e4c8
```
#a4e4c8 rgb(164,228,200)
```
#b3e8d1
```
#b3e8d1 rgb(179,232,209)
```
#c2edda
```
#c2edda rgb(194,237,218)
```
#d1f1e3
```
#d1f1e3 rgb(209,241,227)
```
#e0f6ec
```
#e0f6ec rgb(224,246,236)
```
#effaf6
```
#effaf6 rgb(239,250,246)
```
#feffff
```
#feffff rgb(254,255,255)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #6b6c6c is the less saturated color, while #08cf78 is the most saturated one.

#6b6c6c
```
#6b6c6c rgb(107,108,108)
```
#63746d
```
#63746d rgb(99,116,109)
```
#5a7d6e
```
#5a7d6e rgb(90,125,110)
```
#52856f
```
#52856f rgb(82,133,111)
```
#4a8d70
```
#4a8d70 rgb(74,141,112)
```
#429571
```
#429571 rgb(66,149,113)
```
#399e72
```
#399e72 rgb(57,158,114)
```
#31a673
```
#31a673 rgb(49,166,115)
```
#29ae74
```
#29ae74 rgb(41,174,116)
```
#20b775
```
#20b775 rgb(32,183,117)
```
#18bf76
```
#18bf76 rgb(24,191,118)
```
#10c777
```
#10c777 rgb(16,199,119)
```
#08cf78
```
#08cf78 rgb(8,207,120)
```

Tone Color Variation

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

#7d7d7d Achromatopsia 0.005% of the population
#6e857b Atypical Achromatopsia 0.001% of the population

Dichromacy

#a39872 Protanopia 1% of men
#ae9382 Deuteranopia 1% of men
#55a3af Tritanopia 0.001% of the population

Trichromacy

#799d72 Protanomaly 1% of men, 0.01% of women
#819a7c Deuteranomaly 6% of men, 0.4% of women
#48a499 Tritanomaly 0.01% of the population

#31a673 hex color

#31a673 Color Information

#31a673 Color Conversion

Color Schemes with #31a673

Alternatives to #31a673

#31a673 Preview

Shades and Tints of #31a673

Tones of #31a673

Color Blindness Simulator