#555e22 hex color

In a RGB color space, hex #555e22 is composed of 33.3% red, 36.9% green and 13.3% blue. Whereas in a CMYK color space, it is composed of 9.6% cyan, 0% magenta, 63.8% yellow and 63.1% black. It has a hue angle of 69 degrees, a saturation of 46.9% and a lightness of 25.1%. #555e22 color hex could be obtained by blending #aabc44 with #000000. Closest websafe color is: #666633.

♥
- f
- t
- g
- R 33
- G 37
- B 13
RGB color chart
- C 10
- M 0
- Y 64
- K 63
CMYK color chart

● #555e22 color description : Very dark yellow [Olive tone].

The hexadecimal color #555e22 has RGB values of R:85, G:94, B:34 and CMYK values of C:0.1, M:0, Y:0.64, K:0.63. Its decimal value is 5594658.

Hex triplet	555e22	`#555e22`
RGB Decimal	85, 94, 34	`rgb(85,94,34)`
RGB Percent	33.3, 36.9, 13.3	`rgb(33.3%,36.9%,13.3%)`
CMYK	10, 0, 64, 63
HSL	69°, 46.9, 25.1	`hsl(69,46.9%,25.1%)`
HSV (or HSB)	69°, 63.8, 36.9
Web Safe	666633	`#666633`

CIE-LAB	37.936, -13.017, 32.385
XYZ	8.038, 10.052, 3.03
xyY	0.381, 0.476, 10.052
CIE-LCH	37.936, 34.903, 111.897
CIE-LUV	37.936, -3.139, 34.748
Hunter-Lab	31.705, -10.232, 16.527
Binary	01010101, 01011110, 00100010

#555e22
```
#555e22 rgb(85,94,34)
```
#2b225e
```
#2b225e rgb(43,34,94)
```

Complementary Color

#5e4922
```
#5e4922 rgb(94,73,34)
```
#555e22
```
#555e22 rgb(85,94,34)
```
#375e22
```
#375e22 rgb(55,94,34)
```

Analogous Color

#49225e
```
#49225e rgb(73,34,94)
```
#555e22
```
#555e22 rgb(85,94,34)
```
#22375e
```
#22375e rgb(34,55,94)
```

Split Complementary Color

#5e2255
```
#5e2255 rgb(94,34,85)
```
#555e22
```
#555e22 rgb(85,94,34)
```
#22555e
```
#22555e rgb(34,85,94)
```

Triadic Color

#5e2b22
```
#5e2b22 rgb(94,43,34)
```
#555e22
```
#555e22 rgb(85,94,34)
```
#22555e
```
#22555e rgb(34,85,94)
```
#2b225e
```
#2b225e rgb(43,34,94)
```

Tetradic Color

#22260e
```
#22260e rgb(34,38,14)
```
#333914
```
#333914 rgb(51,57,20)
```
#444b1b
```
#444b1b rgb(68,75,27)
```
#555e22
```
#555e22 rgb(85,94,34)
```
#667129
```
#667129 rgb(102,113,41)
```
#778330
```
#778330 rgb(119,131,48)
```
#889636
```
#889636 rgb(136,150,54)
```

Monochromatic Color

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

#5e5822
```
#5e5822 rgb(94,88,34)
```
#5e5d22
```
#5e5d22 rgb(94,93,34)
```
#5a5e22
```
#5a5e22 rgb(90,94,34)
```
#555e22
```
#555e22 rgb(85,94,34)
```
#505e22
```
#505e22 rgb(80,94,34)
```
#4b5e22
```
#4b5e22 rgb(75,94,34)
```
#465e22
```
#465e22 rgb(70,94,34)
```

Similar Colors

Text with hexadecimal color #555e22

This text has a font color of #555e22.

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

#555e22 background color

This paragraph has a background color of #555e22.

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

#555e22 border color

This element has a border color of #555e22.

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

CSS codes

.text {color:#555e22;}

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

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

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

#070803
```
#070803 rgb(7,8,3)
```
#141608
```
#141608 rgb(20,22,8)
```
#21240d
```
#21240d rgb(33,36,13)
```
#2e3312
```
#2e3312 rgb(46,51,18)
```
#3b4118
```
#3b4118 rgb(59,65,24)
```
#48501d
```
#48501d rgb(72,80,29)
```
#555e22
```
#555e22 rgb(85,94,34)
```
#626c27
```
#626c27 rgb(98,108,39)
```
#6f7b2c
```
#6f7b2c rgb(111,123,44)
```
#7c8932
```
#7c8932 rgb(124,137,50)
```
#899837
```
#899837 rgb(137,152,55)
```
#96a63c
```
#96a63c rgb(150,166,60)
```
#a3b441
```
#a3b441 rgb(163,180,65)
```

Shade Color Variation

#adbe4b
```
#adbe4b rgb(173,190,75)
```
#b3c35a
```
#b3c35a rgb(179,195,90)
```
#bac868
```
#bac868 rgb(186,200,104)
```
#c1ce77
```
#c1ce77 rgb(193,206,119)
```
#c7d385
```
#c7d385 rgb(199,211,133)
```
#ced893
```
#ced893 rgb(206,216,147)
```
#d4dda2
```
#d4dda2 rgb(212,221,162)
```
#dbe2b0
```
#dbe2b0 rgb(219,226,176)
```
#e2e8bf
```
#e2e8bf rgb(226,232,191)
```
#e8edcd
```
#e8edcd rgb(232,237,205)
```
#eff2db
```
#eff2db rgb(239,242,219)
```
#f5f7ea
```
#f5f7ea rgb(245,247,234)
```
#fcfdf8
```
#fcfdf8 rgb(252,253,248)
```

Tint Color Variation

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

#404040
```
#404040 rgb(64,64,64)
```
#44453b
```
#44453b rgb(68,69,59)
```
#474a36
```
#474a36 rgb(71,74,54)
```
#4b4f31
```
#4b4f31 rgb(75,79,49)
```
#4e542c
```
#4e542c rgb(78,84,44)
```
#525927
```
#525927 rgb(82,89,39)
```
#555e22
```
#555e22 rgb(85,94,34)
```
#58631d
```
#58631d rgb(88,99,29)
```
#5c6818
```
#5c6818 rgb(92,104,24)
```
#5f6d13
```
#5f6d13 rgb(95,109,19)
```
#63720e
```
#63720e rgb(99,114,14)
```
#667709
```
#667709 rgb(102,119,9)
```
#6a7c04
```
#6a7c04 rgb(106,124,4)
```

Tone Color Variation

Below, you can see how #555e22 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

#545454 Achromatopsia 0.005% of the population
#54564a Atypical Achromatopsia 0.001% of the population

Dichromacy

#6c622c Protanopia 1% of men
#775d30 Deuteranopia 1% of men
#646067 Tritanopia 0.001% of the population

Trichromacy

#636028 Protanomaly 1% of men, 0.01% of women
#6b5d2b Deuteranomaly 6% of men, 0.4% of women
#5f5f4e Tritanomaly 0.01% of the population

#555e22 hex color

#555e22 Color Information

#555e22 Color Conversion

Color Schemes with #555e22

Alternatives to #555e22

#555e22 Preview

Shades and Tints of #555e22

Tones of #555e22

Color Blindness Simulator