#554c18 hex color

In a RGB color space, hex #554c18 is composed of 33.3% red, 29.8% green and 9.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 10.6% magenta, 71.8% yellow and 66.7% black. It has a hue angle of 51.1 degrees, a saturation of 56% and a lightness of 21.4%. #554c18 color hex could be obtained by blending #aa9830 with #000000. Closest websafe color is: #663300.

♥
- f
- t
- g
- R 33
- G 30
- B 9
RGB color chart
- C 0
- M 11
- Y 72
- K 67
CMYK color chart

● #554c18 color description : Very dark yellow [Olive tone].

The hexadecimal color #554c18 has RGB values of R:85, G:76, B:24 and CMYK values of C:0, M:0.11, Y:0.72, K:0.67. Its decimal value is 5590040.

Hex triplet	554c18	`#554c18`
RGB Decimal	85, 76, 24	`rgb(85,76,24)`
RGB Percent	33.3, 29.8, 9.4	`rgb(33.3%,29.8%,9.4%)`
CMYK	0, 11, 72, 67
HSL	51.1°, 56, 21.4	`hsl(51.1,56%,21.4%)`
HSV (or HSB)	51.1°, 71.8, 33.3
Web Safe	663300	`#663300`

CIE-LAB	32.183, -3.26, 31.151
XYZ	6.496, 7.166, 1.905
xyY	0.417, 0.46, 7.166
CIE-LCH	32.183, 31.321, 95.974
CIE-LUV	32.183, 8.039, 29.478
Hunter-Lab	26.77, -3.535, 14.519
Binary	01010101, 01001100, 00011000

#554c18
```
#554c18 rgb(85,76,24)
```
#182155
```
#182155 rgb(24,33,85)
```

Complementary Color

#552e18
```
#552e18 rgb(85,46,24)
```
#554c18
```
#554c18 rgb(85,76,24)
```
#405518
```
#405518 rgb(64,85,24)
```

Analogous Color

#2e1855
```
#2e1855 rgb(46,24,85)
```
#554c18
```
#554c18 rgb(85,76,24)
```
#184055
```
#184055 rgb(24,64,85)
```

Split Complementary Color

#4c1855
```
#4c1855 rgb(76,24,85)
```
#554c18
```
#554c18 rgb(85,76,24)
```
#18554c
```
#18554c rgb(24,85,76)
```

Triadic Color

#551821
```
#551821 rgb(85,24,33)
```
#554c18
```
#554c18 rgb(85,76,24)
```
#18554c
```
#18554c rgb(24,85,76)
```
#182155
```
#182155 rgb(24,33,85)
```

Tetradic Color

#191707
```
#191707 rgb(25,23,7)
```
#2d280d
```
#2d280d rgb(45,40,13)
```
#413a12
```
#413a12 rgb(65,58,18)
```
#554c18
```
#554c18 rgb(85,76,24)
```
#695e1e
```
#695e1e rgb(105,94,30)
```
#7d7023
```
#7d7023 rgb(125,112,35)
```
#918129
```
#918129 rgb(145,129,41)
```

Monochromatic Color

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

#553d18
```
#553d18 rgb(85,61,24)
```
#554218
```
#554218 rgb(85,66,24)
```
#554718
```
#554718 rgb(85,71,24)
```
#554c18
```
#554c18 rgb(85,76,24)
```
#555118
```
#555118 rgb(85,81,24)
```
#545518
```
#545518 rgb(84,85,24)
```
#4f5518
```
#4f5518 rgb(79,85,24)
```

Similar Colors

Text with hexadecimal color #554c18

This text has a font color of #554c18.

<span style="color:#554c18;">Text here</span>

#554c18 background color

This paragraph has a background color of #554c18.

<p style="background-color:#554c18;">Content here</p>

#554c18 border color

This element has a border color of #554c18.

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

CSS codes

.text {color:#554c18;}

.background {background-color:#554c18;}

.border {border:1px solid #554c18;}

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

#090802
```
#090802 rgb(9,8,2)
```
#181507
```
#181507 rgb(24,21,7)
```
#27230b
```
#27230b rgb(39,35,11)
```
#36310f
```
#36310f rgb(54,49,15)
```
#463e14
```
#463e14 rgb(70,62,20)
```
#554c18
```
#554c18 rgb(85,76,24)
```
#645a1c
```
#645a1c rgb(100,90,28)
```
#746721
```
#746721 rgb(116,103,33)
```
#837525
```
#837525 rgb(131,117,37)
```
#928329
```
#928329 rgb(146,131,41)
```
#a1902e
```
#a1902e rgb(161,144,46)
```
#b19e32
```
#b19e32 rgb(177,158,50)
```
#c0ac36
```
#c0ac36 rgb(192,172,54)
```

Shade Color Variation

#c9b541
```
#c9b541 rgb(201,181,65)
```
#cebb50
```
#cebb50 rgb(206,187,80)
```
#d2c15f
```
#d2c15f rgb(210,193,95)
```
#d6c76f
```
#d6c76f rgb(214,199,111)
```
#dbcd7e
```
#dbcd7e rgb(219,205,126)
```
#dfd38d
```
#dfd38d rgb(223,211,141)
```
#e3d99c
```
#e3d99c rgb(227,217,156)
```
#e7dfac
```
#e7dfac rgb(231,223,172)
```
#ece5bb
```
#ece5bb rgb(236,229,187)
```
#f0ebca
```
#f0ebca rgb(240,235,202)
```
#f4f0da
```
#f4f0da rgb(244,240,218)
```
#f9f6e9
```
#f9f6e9 rgb(249,246,233)
```
#fdfcf8
```
#fdfcf8 rgb(253,252,248)
```

Tint Color Variation

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

#383735
```
#383735 rgb(56,55,53)
```
#3c3a31
```
#3c3a31 rgb(60,58,49)
```
#403d2d
```
#403d2d rgb(64,61,45)
```
#444029
```
#444029 rgb(68,64,41)
```
#484325
```
#484325 rgb(72,67,37)
```
#4d4620
```
#4d4620 rgb(77,70,32)
```
#51491c
```
#51491c rgb(81,73,28)
```
#554c18
```
#554c18 rgb(85,76,24)
```
#594f14
```
#594f14 rgb(89,79,20)
```
#5d5210
```
#5d5210 rgb(93,82,16)
```
#62550b
```
#62550b rgb(98,85,11)
```
#665807
```
#665807 rgb(102,88,7)
```
#6a5b03
```
#6a5b03 rgb(106,91,3)
```

Tone Color Variation

Below, you can see how #554c18 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

#494949 Achromatopsia 0.005% of the population
#4b4a3f Atypical Achromatopsia 0.001% of the population

Dichromacy

#5e5523 Protanopia 1% of men
#685125 Deuteranopia 1% of men
#625055 Tritanopia 0.001% of the population

Trichromacy

#5a511f Protanomaly 1% of men, 0.01% of women
#614f20 Deuteranomaly 6% of men, 0.4% of women
#5d4e3f Tritanomaly 0.01% of the population

#554c18 hex color

#554c18 Color Information

#554c18 Color Conversion

Color Schemes with #554c18

Alternatives to #554c18

#554c18 Preview

Shades and Tints of #554c18

Tones of #554c18

Color Blindness Simulator