#31a675 hex color

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

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

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

The hexadecimal color #31a675 has RGB values of R:49, G:166, B:117 and CMYK values of C:0.7, M:0, Y:0.3, K:0.35. Its decimal value is 3253877.

Hex triplet	31a675	`#31a675`
RGB Decimal	49, 166, 117	`rgb(49,166,117)`
RGB Percent	19.2, 65.1, 45.9	`rgb(19.2%,65.1%,45.9%)`
CMYK	70, 0, 30, 35
HSL	154.9°, 54.4, 42.2	`hsl(154.9,54.4%,42.2%)`
HSV (or HSB)	154.9°, 70.5, 65.1
Web Safe	339966	`#339966`

CIE-LAB	60.965, -44.017, 16.213
XYZ	18.112, 29.208, 21.512
xyY	0.263, 0.424, 29.208
CIE-LCH	60.965, 46.908, 159.779
CIE-LUV	60.965, -46.538, 28.882
Hunter-Lab	54.044, -34.756, 14.231
Binary	00110001, 10100110, 01110101

#31a675
```
#31a675 rgb(49,166,117)
```
#a63162
```
#a63162 rgb(166,49,98)
```

Complementary Color

#31a63b
```
#31a63b rgb(49,166,59)
```
#31a675
```
#31a675 rgb(49,166,117)
```
#319da6
```
#319da6 rgb(49,157,166)
```

Analogous Color

#a63b31
```
#a63b31 rgb(166,59,49)
```
#31a675
```
#31a675 rgb(49,166,117)
```
#a6319d
```
#a6319d rgb(166,49,157)
```

Split Complementary Color

#a67531
```
#a67531 rgb(166,117,49)
```
#31a675
```
#31a675 rgb(49,166,117)
```
#7531a6
```
#7531a6 rgb(117,49,166)
```

Triadic Color

#62a631
```
#62a631 rgb(98,166,49)
```
#31a675
```
#31a675 rgb(49,166,117)
```
#7531a6
```
#7531a6 rgb(117,49,166)
```
#a63162
```
#a63162 rgb(166,49,98)
```

Tetradic Color

#206b4b
```
#206b4b rgb(32,107,75)
```
#257f59
```
#257f59 rgb(37,127,89)
```
#2b9267
```
#2b9267 rgb(43,146,103)
```
#31a675
```
#31a675 rgb(49,166,117)
```
#37ba83
```
#37ba83 rgb(55,186,131)
```
#43c790
```
#43c790 rgb(67,199,144)
```
#56cd9b
```
#56cd9b rgb(86,205,155)
```

Monochromatic Color

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

#31a658
```
#31a658 rgb(49,166,88)
```
#31a662
```
#31a662 rgb(49,166,98)
```
#31a66b
```
#31a66b rgb(49,166,107)
```
#31a675
```
#31a675 rgb(49,166,117)
```
#31a67f
```
#31a67f rgb(49,166,127)
```
#31a689
```
#31a689 rgb(49,166,137)
```
#31a692
```
#31a692 rgb(49,166,146)
```

Similar Colors

Text with hexadecimal color #31a675

This text has a font color of #31a675.

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

#31a675 background color

This paragraph has a background color of #31a675.

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

#31a675 border color

This element has a border color of #31a675.

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

CSS codes

.text {color:#31a675;}

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

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

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)
```
#0d2d20
```
#0d2d20 rgb(13,45,32)
```
#123c2a
```
#123c2a rgb(18,60,42)
```
#164b35
```
#164b35 rgb(22,75,53)
```
#1b5a40
```
#1b5a40 rgb(27,90,64)
```
#1f694a
```
#1f694a rgb(31,105,74)
```
#247955
```
#247955 rgb(36,121,85)
```
#288860
```
#288860 rgb(40,136,96)
```
#2d976a
```
#2d976a rgb(45,151,106)
```
#31a675
```
#31a675 rgb(49,166,117)
```
#35b580
```
#35b580 rgb(53,181,128)
```
#3ac48a
```
#3ac48a rgb(58,196,138)
```

Shade Color Variation

#49c993
```
#49c993 rgb(73,201,147)
```
#58ce9c
```
#58ce9c rgb(88,206,156)
```
#67d2a5
```
#67d2a5 rgb(103,210,165)
```
#76d7ae
```
#76d7ae rgb(118,215,174)
```
#85dbb7
```
#85dbb7 rgb(133,219,183)
```
#94e0c0
```
#94e0c0 rgb(148,224,192)
```
#a4e4c9
```
#a4e4c9 rgb(164,228,201)
```
#b3e8d2
```
#b3e8d2 rgb(179,232,210)
```
#c2eddb
```
#c2eddb rgb(194,237,219)
```
#d1f1e4
```
#d1f1e4 rgb(209,241,228)
```
#e0f6ed
```
#e0f6ed rgb(224,246,237)
```
#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 #08cf7c is the most saturated one.

#6b6c6c
```
#6b6c6c rgb(107,108,108)
```
#63746d
```
#63746d rgb(99,116,109)
```
#5a7d6e
```
#5a7d6e rgb(90,125,110)
```
#528570
```
#528570 rgb(82,133,112)
```
#4a8d71
```
#4a8d71 rgb(74,141,113)
```
#429572
```
#429572 rgb(66,149,114)
```
#399e74
```
#399e74 rgb(57,158,116)
```
#31a675
```
#31a675 rgb(49,166,117)
```
#29ae76
```
#29ae76 rgb(41,174,118)
```
#20b778
```
#20b778 rgb(32,183,120)
```
#18bf79
```
#18bf79 rgb(24,191,121)
```
#10c77a
```
#10c77a rgb(16,199,122)
```
#08cf7c
```
#08cf7c rgb(8,207,124)
```

Tone Color Variation

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

#a39874 Protanopia 1% of men
#ae9384 Deuteranopia 1% of men
#54a3af Tritanopia 0.001% of the population

Trichromacy

#799d74 Protanomaly 1% of men, 0.01% of women
#809a7e Deuteranomaly 6% of men, 0.4% of women
#47a49a Tritanomaly 0.01% of the population

#31a675 hex color

#31a675 Color Information

#31a675 Color Conversion

Color Schemes with #31a675

Alternatives to #31a675

#31a675 Preview

Shades and Tints of #31a675

Tones of #31a675

Color Blindness Simulator