#485f56 hex color

In a RGB color space, hex #485f56 is composed of 28.2% red, 37.3% green and 33.7% blue. Whereas in a CMYK color space, it is composed of 24.2% cyan, 0% magenta, 9.5% yellow and 62.7% black. It has a hue angle of 156.5 degrees, a saturation of 13.8% and a lightness of 32.7%. #485f56 color hex could be obtained by blending #90beac with #000000. Closest websafe color is: #336666.

♥
- f
- t
- g
- R 28
- G 37
- B 34
RGB color chart
- C 24
- M 0
- Y 9
- K 63
CMYK color chart

● #485f56 color description : Very dark grayish cyan - lime green.

The hexadecimal color #485f56 has RGB values of R:72, G:95, B:86 and CMYK values of C:0.24, M:0, Y:0.09, K:0.63. Its decimal value is 4742998.

Hex triplet	485f56	`#485f56`
RGB Decimal	72, 95, 86	`rgb(72,95,86)`
RGB Percent	28.2, 37.3, 33.7	`rgb(28.2%,37.3%,33.7%)`
CMYK	24, 0, 9, 63
HSL	156.5°, 13.8, 32.7	`hsl(156.5,13.8%,32.7%)`
HSV (or HSB)	156.5°, 24.2, 37.3
Web Safe	336666	`#336666`

CIE-LAB	38.259, -10.77, 2.321
XYZ	8.444, 10.234, 10.334
xyY	0.291, 0.353, 10.234
CIE-LCH	38.259, 11.018, 167.841
CIE-LUV	38.259, -11.336, 4.478
Hunter-Lab	31.99, -8.867, 3.24
Binary	01001000, 01011111, 01010110

#485f56
```
#485f56 rgb(72,95,86)
```
#5f4851
```
#5f4851 rgb(95,72,81)
```

Complementary Color

#485f4b
```
#485f4b rgb(72,95,75)
```
#485f56
```
#485f56 rgb(72,95,86)
```
#485d5f
```
#485d5f rgb(72,93,95)
```

Analogous Color

#5f4b48
```
#5f4b48 rgb(95,75,72)
```
#485f56
```
#485f56 rgb(72,95,86)
```
#5f485d
```
#5f485d rgb(95,72,93)
```

Split Complementary Color

#5f5648
```
#5f5648 rgb(95,86,72)
```
#485f56
```
#485f56 rgb(72,95,86)
```
#56485f
```
#56485f rgb(86,72,95)
```

Triadic Color

#515f48
```
#515f48 rgb(81,95,72)
```
#485f56
```
#485f56 rgb(72,95,86)
```
#56485f
```
#56485f rgb(86,72,95)
```
#5f4851
```
#5f4851 rgb(95,72,81)
```

Tetradic Color

#27332f
```
#27332f rgb(39,51,47)
```
#32423c
```
#32423c rgb(50,66,60)
```
#3d5049
```
#3d5049 rgb(61,80,73)
```
#485f56
```
#485f56 rgb(72,95,86)
```
#536e63
```
#536e63 rgb(83,110,99)
```
#5e7c70
```
#5e7c70 rgb(94,124,112)
```
#698b7d
```
#698b7d rgb(105,139,125)
```

Monochromatic Color

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

#485f50
```
#485f50 rgb(72,95,80)
```
#485f52
```
#485f52 rgb(72,95,82)
```
#485f54
```
#485f54 rgb(72,95,84)
```
#485f56
```
#485f56 rgb(72,95,86)
```
#485f58
```
#485f58 rgb(72,95,88)
```
#485f5a
```
#485f5a rgb(72,95,90)
```
#485f5c
```
#485f5c rgb(72,95,92)
```

Similar Colors

Text with hexadecimal color #485f56

This text has a font color of #485f56.

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

#485f56 background color

This paragraph has a background color of #485f56.

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

#485f56 border color

This element has a border color of #485f56.

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

CSS codes

.text {color:#485f56;}

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

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

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

#040605
```
#040605 rgb(4,6,5)
```
#0d110f
```
#0d110f rgb(13,17,15)
```
#151c19
```
#151c19 rgb(21,28,25)
```
#1e2723
```
#1e2723 rgb(30,39,35)
```
#26322e
```
#26322e rgb(38,50,46)
```
#2f3e38
```
#2f3e38 rgb(47,62,56)
```
#374942
```
#374942 rgb(55,73,66)
```
#40544c
```
#40544c rgb(64,84,76)
```
#485f56
```
#485f56 rgb(72,95,86)
```
#506a60
```
#506a60 rgb(80,106,96)
```
#59756a
```
#59756a rgb(89,117,106)
```
#618074
```
#618074 rgb(97,128,116)
```
#6a8c7e
```
#6a8c7e rgb(106,140,126)
```

Shade Color Variation

#749588
```
#749588 rgb(116,149,136)
```
#7f9e92
```
#7f9e92 rgb(127,158,146)
```
#8aa69b
```
#8aa69b rgb(138,166,155)
```
#95afa5
```
#95afa5 rgb(149,175,165)
```
#a0b7ae
```
#a0b7ae rgb(160,183,174)
```
#abc0b8
```
#abc0b8 rgb(171,192,184)
```
#b7c8c1
```
#b7c8c1 rgb(183,200,193)
```
#c2d1cb
```
#c2d1cb rgb(194,209,203)
```
#cdd9d4
```
#cdd9d4 rgb(205,217,212)
```
#d8e2de
```
#d8e2de rgb(216,226,222)
```
#e3eae7
```
#e3eae7 rgb(227,234,231)
```
#eef2f1
```
#eef2f1 rgb(238,242,241)
```
#fafbfa
```
#fafbfa rgb(250,251,250)
```

Tint Color Variation

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

#4e5955
```
#4e5955 rgb(78,89,85)
```
#485f56
```
#485f56 rgb(72,95,86)
```
#426557
```
#426557 rgb(66,101,87)
```
#3b6c59
```
#3b6c59 rgb(59,108,89)
```
#35725a
```
#35725a rgb(53,114,90)
```
#2e795c
```
#2e795c rgb(46,121,92)
```
#287f5d
```
#287f5d rgb(40,127,93)
```
#21865e
```
#21865e rgb(33,134,94)
```
#1b8c60
```
#1b8c60 rgb(27,140,96)
```
#159261
```
#159261 rgb(21,146,97)
```
#0e9963
```
#0e9963 rgb(14,153,99)
```
#089f64
```
#089f64 rgb(8,159,100)
```
#01a665
```
#01a665 rgb(1,166,101)
```

Tone Color Variation

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

#575757 Achromatopsia 0.005% of the population
#545957 Atypical Achromatopsia 0.001% of the population

Dichromacy

#65625c Protanopia 1% of men
#6c5f61 Deuteranopia 1% of men
#54656c Tritanopia 0.001% of the population

Trichromacy

#5b6159 Protanomaly 1% of men, 0.01% of women
#5f5f5d Deuteranomaly 6% of men, 0.4% of women
#506264 Tritanomaly 0.01% of the population

#485f56 hex color

#485f56 Color Information

#485f56 Color Conversion

Color Schemes with #485f56

Alternatives to #485f56

#485f56 Preview

Shades and Tints of #485f56

Tones of #485f56

Color Blindness Simulator