#553f18 hex color

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

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

● #553f18 color description : Very dark orange [Brown tone].

The hexadecimal color #553f18 has RGB values of R:85, G:63, B:24 and CMYK values of C:0, M:0.26, Y:0.72, K:0.67. Its decimal value is 5586712.

Hex triplet	553f18	`#553f18`
RGB Decimal	85, 63, 24	`rgb(85,63,24)`
RGB Percent	33.3, 24.7, 9.4	`rgb(33.3%,24.7%,9.4%)`
CMYK	0, 26, 72, 67
HSL	38.4°, 56, 21.4	`hsl(38.4,56%,21.4%)`
HSV (or HSB)	38.4°, 71.8, 33.3
Web Safe	663300	`#663300`

CIE-LAB	28.254, 4.831, 26.946
XYZ	5.689, 5.553, 1.636
xyY	0.442, 0.431, 5.553
CIE-LCH	28.254, 27.376, 79.835
CIE-LUV	28.254, 16.356, 23.485
Hunter-Lab	23.564, 1.857, 12.378
Binary	01010101, 00111111, 00011000

#553f18
```
#553f18 rgb(85,63,24)
```
#182e55
```
#182e55 rgb(24,46,85)
```

Complementary Color

#552118
```
#552118 rgb(85,33,24)
```
#553f18
```
#553f18 rgb(85,63,24)
```
#4d5518
```
#4d5518 rgb(77,85,24)
```

Analogous Color

#211855
```
#211855 rgb(33,24,85)
```
#553f18
```
#553f18 rgb(85,63,24)
```
#184d55
```
#184d55 rgb(24,77,85)
```

Split Complementary Color

#3f1855
```
#3f1855 rgb(63,24,85)
```
#553f18
```
#553f18 rgb(85,63,24)
```
#18553f
```
#18553f rgb(24,85,63)
```

Triadic Color

#55182e
```
#55182e rgb(85,24,46)
```
#553f18
```
#553f18 rgb(85,63,24)
```
#18553f
```
#18553f rgb(24,85,63)
```
#182e55
```
#182e55 rgb(24,46,85)
```

Tetradic Color

#191307
```
#191307 rgb(25,19,7)
```
#2d220d
```
#2d220d rgb(45,34,13)
```
#413012
```
#413012 rgb(65,48,18)
```
#553f18
```
#553f18 rgb(85,63,24)
```
#694e1e
```
#694e1e rgb(105,78,30)
```
#7d5c23
```
#7d5c23 rgb(125,92,35)
```
#916b29
```
#916b29 rgb(145,107,41)
```

Monochromatic Color

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

#553018
```
#553018 rgb(85,48,24)
```
#553518
```
#553518 rgb(85,53,24)
```
#553a18
```
#553a18 rgb(85,58,24)
```
#553f18
```
#553f18 rgb(85,63,24)
```
#554418
```
#554418 rgb(85,68,24)
```
#554918
```
#554918 rgb(85,73,24)
```
#554e18
```
#554e18 rgb(85,78,24)
```

Similar Colors

Text with hexadecimal color #553f18

This text has a font color of #553f18.

<span style="color:#553f18;">Text here</span>

#553f18 background color

This paragraph has a background color of #553f18.

<p style="background-color:#553f18;">Content here</p>

#553f18 border color

This element has a border color of #553f18.

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

CSS codes

.text {color:#553f18;}

.background {background-color:#553f18;}

.border {border:1px solid #553f18;}

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

#090602
```
#090602 rgb(9,6,2)
```
#181207
```
#181207 rgb(24,18,7)
```
#271d0b
```
#271d0b rgb(39,29,11)
```
#36280f
```
#36280f rgb(54,40,15)
```
#463414
```
#463414 rgb(70,52,20)
```
#553f18
```
#553f18 rgb(85,63,24)
```
#644a1c
```
#644a1c rgb(100,74,28)
```
#745621
```
#745621 rgb(116,86,33)
```
#836125
```
#836125 rgb(131,97,37)
```
#926c29
```
#926c29 rgb(146,108,41)
```
#a1782e
```
#a1782e rgb(161,120,46)
```
#b18332
```
#b18332 rgb(177,131,50)
```
#c08e36
```
#c08e36 rgb(192,142,54)
```

Shade Color Variation

#c99841
```
#c99841 rgb(201,152,65)
```
#cea050
```
#cea050 rgb(206,160,80)
```
#d2a95f
```
#d2a95f rgb(210,169,95)
```
#d6b16f
```
#d6b16f rgb(214,177,111)
```
#dbb97e
```
#dbb97e rgb(219,185,126)
```
#dfc18d
```
#dfc18d rgb(223,193,141)
```
#e3ca9c
```
#e3ca9c rgb(227,202,156)
```
#e7d2ac
```
#e7d2ac rgb(231,210,172)
```
#ecdabb
```
#ecdabb rgb(236,218,187)
```
#f0e2ca
```
#f0e2ca rgb(240,226,202)
```
#f4ebda
```
#f4ebda rgb(244,235,218)
```
#f9f3e9
```
#f9f3e9 rgb(249,243,233)
```
#fdfbf8
```
#fdfbf8 rgb(253,251,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 #6a4503 is the most saturated one.

#383735
```
#383735 rgb(56,55,53)
```
#3c3831
```
#3c3831 rgb(60,56,49)
```
#40392d
```
#40392d rgb(64,57,45)
```
#443a29
```
#443a29 rgb(68,58,41)
```
#483b25
```
#483b25 rgb(72,59,37)
```
#4d3d20
```
#4d3d20 rgb(77,61,32)
```
#513e1c
```
#513e1c rgb(81,62,28)
```
#553f18
```
#553f18 rgb(85,63,24)
```
#594014
```
#594014 rgb(89,64,20)
```
#5d4110
```
#5d4110 rgb(93,65,16)
```
#62430b
```
#62430b rgb(98,67,11)
```
#664407
```
#664407 rgb(102,68,7)
```
#6a4503
```
#6a4503 rgb(106,69,3)
```

Tone Color Variation

Below, you can see how #553f18 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

#414141 Achromatopsia 0.005% of the population
#454139 Atypical Achromatopsia 0.001% of the population

Dichromacy

#544c25 Protanopia 1% of men
#5d4924 Deuteranopia 1% of men
#604449 Tritanopia 0.001% of the population

Trichromacy

#544720 Protanomaly 1% of men, 0.01% of women
#5a451f Deuteranomaly 6% of men, 0.4% of women
#5c4237 Tritanomaly 0.01% of the population

#553f18 hex color

#553f18 Color Information

#553f18 Color Conversion

Color Schemes with #553f18

Alternatives to #553f18

#553f18 Preview

Shades and Tints of #553f18

Tones of #553f18

Color Blindness Simulator