#485a36 hex color

In a RGB color space, hex #485a36 is composed of 28.2% red, 35.3% green and 21.2% blue. Whereas in a CMYK color space, it is composed of 20% cyan, 0% magenta, 40% yellow and 64.7% black. It has a hue angle of 90 degrees, a saturation of 25% and a lightness of 28.2%. #485a36 color hex could be obtained by blending #90b46c with #000000. Closest websafe color is: #336633.

♥
- f
- t
- g
- R 28
- G 35
- B 21
RGB color chart
- C 20
- M 0
- Y 40
- K 65
CMYK color chart

● #485a36 color description : Very dark desaturated green.

The hexadecimal color #485a36 has RGB values of R:72, G:90, B:54 and CMYK values of C:0.2, M:0, Y:0.4, K:0.65. Its decimal value is 4741686.

Hex triplet	485a36	`#485a36`
RGB Decimal	72, 90, 54	`rgb(72,90,54)`
RGB Percent	28.2, 35.3, 21.2	`rgb(28.2%,35.3%,21.2%)`
CMYK	20, 0, 40, 65
HSL	90°, 25, 28.2	`hsl(90,25%,28.2%)`
HSV (or HSB)	90°, 40, 35.3
Web Safe	336633	`#336633`

CIE-LAB	35.9, -14.18, 18.586
XYZ	6.994, 8.956, 4.85
xyY	0.336, 0.431, 8.956
CIE-LCH	35.9, 23.378, 127.342
CIE-LUV	35.9, -8.573, 22.747
Hunter-Lab	29.927, -10.655, 11.34
Binary	01001000, 01011010, 00110110

#485a36
```
#485a36 rgb(72,90,54)
```
#48365a
```
#48365a rgb(72,54,90)
```

Complementary Color

#5a5a36
```
#5a5a36 rgb(90,90,54)
```
#485a36
```
#485a36 rgb(72,90,54)
```
#365a36
```
#365a36 rgb(54,90,54)
```

Analogous Color

#5a365a
```
#5a365a rgb(90,54,90)
```
#485a36
```
#485a36 rgb(72,90,54)
```
#36365a
```
#36365a rgb(54,54,90)
```

Split Complementary Color

#5a3648
```
#5a3648 rgb(90,54,72)
```
#485a36
```
#485a36 rgb(72,90,54)
```
#36485a
```
#36485a rgb(54,72,90)
```

Triadic Color

#5a4836
```
#5a4836 rgb(90,72,54)
```
#485a36
```
#485a36 rgb(72,90,54)
```
#36485a
```
#36485a rgb(54,72,90)
```
#48365a
```
#48365a rgb(72,54,90)
```

Tetradic Color

#222a19
```
#222a19 rgb(34,42,25)
```
#2f3a23
```
#2f3a23 rgb(47,58,35)
```
#3b4a2c
```
#3b4a2c rgb(59,74,44)
```
#485a36
```
#485a36 rgb(72,90,54)
```
#556a40
```
#556a40 rgb(85,106,64)
```
#627a49
```
#627a49 rgb(98,122,73)
```
#6e8a53
```
#6e8a53 rgb(110,138,83)
```

Monochromatic Color

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

#515a36
```
#515a36 rgb(81,90,54)
```
#4e5a36
```
#4e5a36 rgb(78,90,54)
```
#4b5a36
```
#4b5a36 rgb(75,90,54)
```
#485a36
```
#485a36 rgb(72,90,54)
```
#455a36
```
#455a36 rgb(69,90,54)
```
#425a36
```
#425a36 rgb(66,90,54)
```
#3f5a36
```
#3f5a36 rgb(63,90,54)
```

Similar Colors

Text with hexadecimal color #485a36

This text has a font color of #485a36.

<span style="color:#485a36;">Text here</span>

#485a36 background color

This paragraph has a background color of #485a36.

<p style="background-color:#485a36;">Content here</p>

#485a36 border color

This element has a border color of #485a36.

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

CSS codes

.text {color:#485a36;}

.background {background-color:#485a36;}

.border {border:1px solid #485a36;}

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

#030403
```
#030403 rgb(3,4,3)
```
#0d100a
```
#0d100a rgb(13,16,10)
```
#171d11
```
#171d11 rgb(23,29,17)
```
#212919
```
#212919 rgb(33,41,25)
```
#2b3520
```
#2b3520 rgb(43,53,32)
```
#344127
```
#344127 rgb(52,65,39)
```
#3e4e2f
```
#3e4e2f rgb(62,78,47)
```
#485a36
```
#485a36 rgb(72,90,54)
```
#52663d
```
#52663d rgb(82,102,61)
```
#5c7345
```
#5c7345 rgb(92,115,69)
```
#657f4c
```
#657f4c rgb(101,127,76)
```
#6f8b53
```
#6f8b53 rgb(111,139,83)
```
#79975b
```
#79975b rgb(121,151,91)
```

Shade Color Variation

#83a264
```
#83a264 rgb(131,162,100)
```
#8da970
```
#8da970 rgb(141,169,112)
```
#96b17c
```
#96b17c rgb(150,177,124)
```
#a0b889
```
#a0b889 rgb(160,184,137)
```
#aabf95
```
#aabf95 rgb(170,191,149)
```
#b4c7a1
```
#b4c7a1 rgb(180,199,161)
```
#becead
```
#becead rgb(190,206,173)
```
#c8d5ba
```
#c8d5ba rgb(200,213,186)
```
#d1ddc6
```
#d1ddc6 rgb(209,221,198)
```
#dbe4d2
```
#dbe4d2 rgb(219,228,210)
```
#e5ebde
```
#e5ebde rgb(229,235,222)
```
#eff3eb
```
#eff3eb rgb(239,243,235)
```
#f9faf7
```
#f9faf7 rgb(249,250,247)
```

Tint Color Variation

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

#484947
```
#484947 rgb(72,73,71)
```
#484f41
```
#484f41 rgb(72,79,65)
```
#48543c
```
#48543c rgb(72,84,60)
```
#485a36
```
#485a36 rgb(72,90,54)
```
#486030
```
#486030 rgb(72,96,48)
```
#48652b
```
#48652b rgb(72,101,43)
```
#486b25
```
#486b25 rgb(72,107,37)
```
#487020
```
#487020 rgb(72,112,32)
```
#48761a
```
#48761a rgb(72,118,26)
```
#487b15
```
#487b15 rgb(72,123,21)
```
#48810f
```
#48810f rgb(72,129,15)
```
#48860a
```
#48860a rgb(72,134,10)
```
#488c04
```
#488c04 rgb(72,140,4)
```

Tone Color Variation

Below, you can see how #485a36 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

#515151 Achromatopsia 0.005% of the population
#4f534c Atypical Achromatopsia 0.001% of the population

Dichromacy

#655d3e Protanopia 1% of men
#6e5943 Deuteranopia 1% of men
#575e64 Tritanopia 0.001% of the population

Trichromacy

#5a5c3b Protanomaly 1% of men, 0.01% of women
#60593e Deuteranomaly 6% of men, 0.4% of women
#525c53 Tritanomaly 0.01% of the population

#485a36 hex color

#485a36 Color Information

#485a36 Color Conversion

Color Schemes with #485a36

Alternatives to #485a36

#485a36 Preview

Shades and Tints of #485a36

Tones of #485a36

Color Blindness Simulator