colorhexa.com

#555f2f hex color

In a RGB color space, hex #555f2f is composed of 33.3% red, 37.3% green and 18.4% blue. Whereas in a CMYK color space, it is composed of 10.5% cyan, 0% magenta, 50.5% yellow and 62.7% black. It has a hue angle of 72.5 degrees, a saturation of 33.8% and a lightness of 27.8%. #555f2f color hex could be obtained by blending #aabe5e with #000000. Closest websafe color is: #666633.

- R 33
- G 37
- B 18
RGB color chart
- C 11
- M 0
- Y 51
- K 63
CMYK color chart

● #555f2f color description : Very dark desaturated yellow.

The hexadecimal color #555f2f has RGB values of R:85, G:95, B:47 and CMYK values of C:0.11, M:0, Y:0.51, K:0.63. Its decimal value is 5594927.

Hex triplet	555f2f	`#555f2f`
RGB Decimal	85, 95, 47	`rgb(85,95,47)`
RGB Percent	33.3, 37.3, 18.4	`rgb(33.3%,37.3%,18.4%)`
CMYK	11, 0, 51, 63
HSL	72.5°, 33.8, 27.8	`hsl(72.5,33.8%,27.8%)`
HSV (or HSB)	72.5°, 50.5, 37.3
Web Safe	666633	`#666633`

CIE-LAB	38.412, -12.25, 26.017
XYZ	8.351, 10.321, 4.241
xyY	0.364, 0.45, 10.321
CIE-LCH	38.412, 28.757, 115.213
CIE-LUV	38.412, -3.952, 29.847
Hunter-Lab	32.126, -9.818, 14.661
Binary	01010101, 01011111, 00101111

#555f2f
```
#555f2f rgb(85,95,47)
```
#392f5f
```
#392f5f rgb(57,47,95)
```

Complementary Color

#5f512f
```
#5f512f rgb(95,81,47)
```
#555f2f
```
#555f2f rgb(85,95,47)
```
#3d5f2f
```
#3d5f2f rgb(61,95,47)
```

Analogous Color

#512f5f
```
#512f5f rgb(81,47,95)
```
#555f2f
```
#555f2f rgb(85,95,47)
```
#2f3d5f
```
#2f3d5f rgb(47,61,95)
```

Split Complementary Color

#272c16
```
#272c16 rgb(39,44,22)
```
#363d1e
```
#363d1e rgb(54,61,30)
```
#464e27
```
#464e27 rgb(70,78,39)
```
#555f2f
```
#555f2f rgb(85,95,47)
```
#647037
```
#647037 rgb(100,112,55)
```
#748140
```
#748140 rgb(116,129,64)
```
#839248
```
#839248 rgb(131,146,72)
```

Monochromatic Color

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

#5f5d2f
```
#5f5d2f rgb(95,93,47)
```
#5d5f2f
```
#5d5f2f rgb(93,95,47)
```
#595f2f
```
#595f2f rgb(89,95,47)
```
#555f2f
```
#555f2f rgb(85,95,47)
```
#515f2f
```
#515f2f rgb(81,95,47)
```
#4d5f2f
```
#4d5f2f rgb(77,95,47)
```
#495f2f
```
#495f2f rgb(73,95,47)
```

Similar Colors

Text with hexadecimal color #555f2f

This text has a font color of #555f2f.

<span style="color:#555f2f;">Text here</span>

#555f2f background color

This paragraph has a background color of #555f2f.

<p style="background-color:#555f2f;">Content here</p>

#555f2f border color

This element has a border color of #555f2f.

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

CSS codes

.text {color:#555f2f;}

.background {background-color:#555f2f;}

.border {border:1px solid #555f2f;}

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

#030302
```
#030302 rgb(3,3,2)
```
#0f1008
```
#0f1008 rgb(15,16,8)
```
#1a1d0f
```
#1a1d0f rgb(26,29,15)
```
#262b15
```
#262b15 rgb(38,43,21)
```
#32381c
```
#32381c rgb(50,56,28)
```
#3e4522
```
#3e4522 rgb(62,69,34)
```
#495229
```
#495229 rgb(73,82,41)
```
#555f2f
```
#555f2f rgb(85,95,47)
```
#616c35
```
#616c35 rgb(97,108,53)
```
#6c793c
```
#6c793c rgb(108,121,60)
```
#788642
```
#788642 rgb(120,134,66)
```
#849349
```
#849349 rgb(132,147,73)
```
#90a14f
```
#90a14f rgb(144,161,79)
```

Shade Color Variation

#9bac58
```
#9bac58 rgb(155,172,88)
```
#a2b365
```
#a2b365 rgb(162,179,101)
```
#aab972
```
#aab972 rgb(170,185,114)
```
#b2c07f
```
#b2c07f rgb(178,192,127)
```
#bac68c
```
#bac68c rgb(186,198,140)
```
#c2cd99
```
#c2cd99 rgb(194,205,153)
```
#cad3a6
```
#cad3a6 rgb(202,211,166)
```
#d2dab3
```
#d2dab3 rgb(210,218,179)
```
#dae0c1
```
#dae0c1 rgb(218,224,193)
```
#e1e7ce
```
#e1e7ce rgb(225,231,206)
```
#e9eddb
```
#e9eddb rgb(233,237,219)
```
#f1f4e8
```
#f1f4e8 rgb(241,244,232)
```
#f9faf5
```
#f9faf5 rgb(249,250,245)
```

Tint Color Variation

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

#484945
```
#484945 rgb(72,73,69)
```
#4b4f3f
```
#4b4f3f rgb(75,79,63)
```
#4f543a
```
#4f543a rgb(79,84,58)
```
#525a34
```
#525a34 rgb(82,90,52)
```
#555f2f
```
#555f2f rgb(85,95,47)
```
#58642a
```
#58642a rgb(88,100,42)
```
#5b6a24
```
#5b6a24 rgb(91,106,36)
```
#5f6f1f
```
#5f6f1f rgb(95,111,31)
```
#627519
```
#627519 rgb(98,117,25)
```
#657a14
```
#657a14 rgb(101,122,20)
```
#68800e
```
#68800e rgb(104,128,14)
```
#6b8509
```
#6b8509 rgb(107,133,9)
```
#6e8b03
```
#6e8b03 rgb(110,139,3)
```

Tone Color Variation

Below, you can see how #555f2f 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
#57594f Atypical Achromatopsia 0.001% of the population

Dichromacy

#6c6338 Protanopia 1% of men
#775e3c Deuteranopia 1% of men
#646168 Tritanopia 0.001% of the population

Trichromacy

#636134 Protanomaly 1% of men, 0.01% of women
#6a5e37 Deuteranomaly 6% of men, 0.4% of women
#5e6053 Tritanomaly 0.01% of the population