#31533f hex color

In a RGB color space, hex #31533f is composed of 19.2% red, 32.5% green and 24.7% blue. Whereas in a CMYK color space, it is composed of 41% cyan, 0% magenta, 24.1% yellow and 67.5% black. It has a hue angle of 144.7 degrees, a saturation of 25.8% and a lightness of 25.9%. #31533f color hex could be obtained by blending #62a67e with #000000. Closest websafe color is: #336633.

♥
- f
- t
- g
- R 19
- G 33
- B 25
RGB color chart
- C 41
- M 0
- Y 24
- K 67
CMYK color chart

● #31533f color description : Very dark desaturated cyan - lime green.

The hexadecimal color #31533f has RGB values of R:49, G:83, B:63 and CMYK values of C:0.41, M:0, Y:0.24, K:0.67. Its decimal value is 3232575.

Hex triplet	31533f	`#31533f`
RGB Decimal	49, 83, 63	`rgb(49,83,63)`
RGB Percent	19.2, 32.5, 24.7	`rgb(19.2%,32.5%,24.7%)`
CMYK	41, 0, 24, 67
HSL	144.7°, 25.8, 25.9	`hsl(144.7,25.8%,25.9%)`
HSV (or HSB)	144.7°, 41, 32.5
Web Safe	336633	`#336633`

CIE-LAB	32.254, -17.489, 7.88
XYZ	5.257, 7.198, 5.815
xyY	0.288, 0.394, 7.198
CIE-LCH	32.254, 19.182, 155.745
CIE-LUV	32.254, -15.482, 11.501
Hunter-Lab	26.829, -11.977, 5.931
Binary	00110001, 01010011, 00111111

#31533f
```
#31533f rgb(49,83,63)
```
#533145
```
#533145 rgb(83,49,69)
```

Complementary Color

#345331
```
#345331 rgb(52,83,49)
```
#31533f
```
#31533f rgb(49,83,63)
```
#315350
```
#315350 rgb(49,83,80)
```

Analogous Color

#533134
```
#533134 rgb(83,49,52)
```
#31533f
```
#31533f rgb(49,83,63)
```
#503153
```
#503153 rgb(80,49,83)
```

Split Complementary Color

#533f31
```
#533f31 rgb(83,63,49)
```
#31533f
```
#31533f rgb(49,83,63)
```
#3f3153
```
#3f3153 rgb(63,49,83)
```

Triadic Color

#455331
```
#455331 rgb(69,83,49)
```
#31533f
```
#31533f rgb(49,83,63)
```
#3f3153
```
#3f3153 rgb(63,49,83)
```
#533145
```
#533145 rgb(83,49,69)
```

Tetradic Color

#15231a
```
#15231a rgb(21,35,26)
```
#1e3327
```
#1e3327 rgb(30,51,39)
```
#284333
```
#284333 rgb(40,67,51)
```
#31533f
```
#31533f rgb(49,83,63)
```
#3a634b
```
#3a634b rgb(58,99,75)
```
#447357
```
#447357 rgb(68,115,87)
```
#4d8364
```
#4d8364 rgb(77,131,100)
```

Monochromatic Color

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

#315337
```
#315337 rgb(49,83,55)
```
#315339
```
#315339 rgb(49,83,57)
```
#31533c
```
#31533c rgb(49,83,60)
```
#31533f
```
#31533f rgb(49,83,63)
```
#315342
```
#315342 rgb(49,83,66)
```
#315345
```
#315345 rgb(49,83,69)
```
#315348
```
#315348 rgb(49,83,72)
```

Similar Colors

Text with hexadecimal color #31533f

This text has a font color of #31533f.

<span style="color:#31533f;">Text here</span>

#31533f background color

This paragraph has a background color of #31533f.

<p style="background-color:#31533f;">Content here</p>

#31533f border color

This element has a border color of #31533f.

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

CSS codes

.text {color:#31533f;}

.background {background-color:#31533f;}

.border {border:1px solid #31533f;}

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, #050907 is the darkest color, while #fcfdfc is the lightest one.

#050907
```
#050907 rgb(5,9,7)
```
#0d1510
```
#0d1510 rgb(13,21,16)
```
#14221a
```
#14221a rgb(20,34,26)
```
#1b2e23
```
#1b2e23 rgb(27,46,35)
```
#223a2c
```
#223a2c rgb(34,58,44)
```
#2a4736
```
#2a4736 rgb(42,71,54)
```
#31533f
```
#31533f rgb(49,83,63)
```
#385f48
```
#385f48 rgb(56,95,72)
```
#406c52
```
#406c52 rgb(64,108,82)
```
#47785b
```
#47785b rgb(71,120,91)
```
#4e8464
```
#4e8464 rgb(78,132,100)
```
#55916e
```
#55916e rgb(85,145,110)
```
#5d9d77
```
#5d9d77 rgb(93,157,119)
```

Shade Color Variation

#68a681
```
#68a681 rgb(104,166,129)
```
#74ad8b
```
#74ad8b rgb(116,173,139)
```
#80b496
```
#80b496 rgb(128,180,150)
```
#8dbba0
```
#8dbba0 rgb(141,187,160)
```
#99c3aa
```
#99c3aa rgb(153,195,170)
```
#a5cab4
```
#a5cab4 rgb(165,202,180)
```
#b2d1bf
```
#b2d1bf rgb(178,209,191)
```
#bed9c9
```
#bed9c9 rgb(190,217,201)
```
#cae0d3
```
#cae0d3 rgb(202,224,211)
```
#d7e7dd
```
#d7e7dd rgb(215,231,221)
```
#e3eee8
```
#e3eee8 rgb(227,238,232)
```
#eff6f2
```
#eff6f2 rgb(239,246,242)
```
#fcfdfc
```
#fcfdfc rgb(252,253,252)
```

Tint Color Variation

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

#404442
```
#404442 rgb(64,68,66)
```
#3b4941
```
#3b4941 rgb(59,73,65)
```
#364e40
```
#364e40 rgb(54,78,64)
```
#31533f
```
#31533f rgb(49,83,63)
```
#2c583e
```
#2c583e rgb(44,88,62)
```
#275d3d
```
#275d3d rgb(39,93,61)
```
#22623c
```
#22623c rgb(34,98,60)
```
#1d673b
```
#1d673b rgb(29,103,59)
```
#186c3b
```
#186c3b rgb(24,108,59)
```
#13713a
```
#13713a rgb(19,113,58)
```
#0d7739
```
#0d7739 rgb(13,119,57)
```
#087c38
```
#087c38 rgb(8,124,56)
```
#038137
```
#038137 rgb(3,129,55)
```

Tone Color Variation

Below, you can see how #31533f 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

#474747 Achromatopsia 0.005% of the population
#434945 Atypical Achromatopsia 0.001% of the population

Dichromacy

#5a5545 Protanopia 1% of men
#60524c Deuteranopia 1% of men
#41585f Tritanopia 0.001% of the population

Trichromacy

#4b5443 Protanomaly 1% of men, 0.01% of women
#4f5247 Deuteranomaly 6% of men, 0.4% of women
#3b5653 Tritanomaly 0.01% of the population

#31533f hex color

#31533f Color Information

#31533f Color Conversion

Color Schemes with #31533f

Alternatives to #31533f

#31533f Preview

Shades and Tints of #31533f

Tones of #31533f

Color Blindness Simulator