#31a369 hex color

In a RGB color space, hex #31a369 is composed of 19.2% red, 63.9% green and 41.2% blue. Whereas in a CMYK color space, it is composed of 69.9% cyan, 0% magenta, 35.6% yellow and 36.1% black. It has a hue angle of 149.5 degrees, a saturation of 53.8% and a lightness of 41.6%. #31a369 color hex could be obtained by blending #62ffd2 with #004700. Closest websafe color is: #339966.

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

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

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

Hex triplet	31a369	`#31a369`
RGB Decimal	49, 163, 105	`rgb(49,163,105)`
RGB Percent	19.2, 63.9, 41.2	`rgb(19.2%,63.9%,41.2%)`
CMYK	70, 0, 36, 36
HSL	149.5°, 53.8, 41.6	`hsl(149.5,53.8%,41.6%)`
HSV (or HSB)	149.5°, 69.9, 63.9
Web Safe	339966	`#339966`

CIE-LAB	59.767, -45.355, 21.171
XYZ	16.912, 27.866, 17.851
xyY	0.27, 0.445, 27.866
CIE-LCH	59.767, 50.052, 154.978
CIE-LUV	59.767, -46.107, 35.046
Hunter-Lab	52.788, -35.19, 16.902
Binary	00110001, 10100011, 01101001

#31a369
```
#31a369 rgb(49,163,105)
```
#a3316b
```
#a3316b rgb(163,49,107)
```

Complementary Color

#32a331
```
#32a331 rgb(50,163,49)
```
#31a369
```
#31a369 rgb(49,163,105)
```
#31a3a2
```
#31a3a2 rgb(49,163,162)
```

Analogous Color

#a33132
```
#a33132 rgb(163,49,50)
```
#31a369
```
#31a369 rgb(49,163,105)
```
#a231a3
```
#a231a3 rgb(162,49,163)
```

Split Complementary Color

#a36931
```
#a36931 rgb(163,105,49)
```
#31a369
```
#31a369 rgb(49,163,105)
```
#6931a3
```
#6931a3 rgb(105,49,163)
```

Triadic Color

#6ba331
```
#6ba331 rgb(107,163,49)
```
#31a369
```
#31a369 rgb(49,163,105)
```
#6931a3
```
#6931a3 rgb(105,49,163)
```
#a3316b
```
#a3316b rgb(163,49,107)
```

Tetradic Color

#1f6843
```
#1f6843 rgb(31,104,67)
```
#257c50
```
#257c50 rgb(37,124,80)
```
#2b8f5c
```
#2b8f5c rgb(43,143,92)
```
#31a369
```
#31a369 rgb(49,163,105)
```
#37b776
```
#37b776 rgb(55,183,118)
```
#41c682
```
#41c682 rgb(65,198,130)
```
#55cc8f
```
#55cc8f rgb(85,204,143)
```

Monochromatic Color

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

#31a34d
```
#31a34d rgb(49,163,77)
```
#31a356
```
#31a356 rgb(49,163,86)
```
#31a360
```
#31a360 rgb(49,163,96)
```
#31a369
```
#31a369 rgb(49,163,105)
```
#31a373
```
#31a373 rgb(49,163,115)
```
#31a37c
```
#31a37c rgb(49,163,124)
```
#31a386
```
#31a386 rgb(49,163,134)
```

Similar Colors

Text with hexadecimal color #31a369

This text has a font color of #31a369.

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

#31a369 background color

This paragraph has a background color of #31a369.

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

#31a369 border color

This element has a border color of #31a369.

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

CSS codes

.text {color:#31a369;}

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

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

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

#040c08
```
#040c08 rgb(4,12,8)
```
#081b12
```
#081b12 rgb(8,27,18)
```
#0d2a1b
```
#0d2a1b rgb(13,42,27)
```
#113925
```
#113925 rgb(17,57,37)
```
#16492f
```
#16492f rgb(22,73,47)
```
#1a5838
```
#1a5838 rgb(26,88,56)
```
#1f6742
```
#1f6742 rgb(31,103,66)
```
#23764c
```
#23764c rgb(35,118,76)
```
#288556
```
#288556 rgb(40,133,86)
```
#2c945f
```
#2c945f rgb(44,148,95)
```
#31a369
```
#31a369 rgb(49,163,105)
```
#36b273
```
#36b273 rgb(54,178,115)
```
#3ac17c
```
#3ac17c rgb(58,193,124)
```

Shade Color Variation

#47c886
```
#47c886 rgb(71,200,134)
```
#56cc90
```
#56cc90 rgb(86,204,144)
```
#65d19a
```
#65d19a rgb(101,209,154)
```
#74d5a4
```
#74d5a4 rgb(116,213,164)
```
#83daae
```
#83daae rgb(131,218,174)
```
#93deb8
```
#93deb8 rgb(147,222,184)
```
#a2e3c2
```
#a2e3c2 rgb(162,227,194)
```
#b1e7cc
```
#b1e7cc rgb(177,231,204)
```
#c0ecd5
```
#c0ecd5 rgb(192,236,213)
```
#cff1df
```
#cff1df rgb(207,241,223)
```
#def5e9
```
#def5e9 rgb(222,245,233)
```
#edfaf3
```
#edfaf3 rgb(237,250,243)
```
#fcfefd
```
#fcfefd rgb(252,254,253)
```

Tint Color Variation

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

#62726a
```
#62726a rgb(98,114,106)
```
#5a7a6a
```
#5a7a6a rgb(90,122,106)
```
#52826a
```
#52826a rgb(82,130,106)
```
#498b69
```
#498b69 rgb(73,139,105)
```
#419369
```
#419369 rgb(65,147,105)
```
#399b69
```
#399b69 rgb(57,155,105)
```
#31a369
```
#31a369 rgb(49,163,105)
```
#29ab69
```
#29ab69 rgb(41,171,105)
```
#21b369
```
#21b369 rgb(33,179,105)
```
#19bb69
```
#19bb69 rgb(25,187,105)
```
#10c468
```
#10c468 rgb(16,196,104)
```
#08cc68
```
#08cc68 rgb(8,204,104)
```
#00d468
```
#00d468 rgb(0,212,104)
```

Tone Color Variation

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

#7a7a7a Achromatopsia 0.005% of the population
#6b8277 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a19569 Protanopia 1% of men
#ad9078 Deuteranopia 1% of men
#56a0ac Tritanopia 0.001% of the population

Trichromacy

#789a69 Protanomaly 1% of men, 0.01% of women
#809773 Deuteranomaly 6% of men, 0.4% of women
#48a193 Tritanomaly 0.01% of the population

#31a369 hex color

#31a369 Color Information

#31a369 Color Conversion

Color Schemes with #31a369

Alternatives to #31a369

#31a369 Preview

Shades and Tints of #31a369

Tones of #31a369

Color Blindness Simulator