#553224 hex color

In a RGB color space, hex #553224 is composed of 33.3% red, 19.6% green and 14.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 41.2% magenta, 57.6% yellow and 66.7% black. It has a hue angle of 17.1 degrees, a saturation of 40.5% and a lightness of 23.7%. #553224 color hex could be obtained by blending #aa6448 with #000000. Closest websafe color is: #663333.

♥
- f
- t
- g
- R 33
- G 20
- B 14
RGB color chart
- C 0
- M 41
- Y 58
- K 67
CMYK color chart

● #553224 color description : Very dark desaturated orange.

The hexadecimal color #553224 has RGB values of R:85, G:50, B:36 and CMYK values of C:0, M:0.41, Y:0.58, K:0.67. Its decimal value is 5583396.

Hex triplet	553224	`#553224`
RGB Decimal	85, 50, 36	`rgb(85,50,36)`
RGB Percent	33.3, 19.6, 14.1	`rgb(33.3%,19.6%,14.1%)`
CMYK	0, 41, 58, 67
HSL	17.1°, 40.5, 23.7	`hsl(17.1,40.5%,23.7%)`
HSV (or HSB)	17.1°, 57.6, 33.3
Web Safe	663333	`#663333`

CIE-LAB	24.766, 14.164, 15.545
XYZ	5.205, 4.34, 2.233
xyY	0.442, 0.368, 4.34
CIE-LCH	24.766, 21.03, 47.661
CIE-LUV	24.766, 23.358, 12.53
Hunter-Lab	20.833, 8.142, 8.229
Binary	01010101, 00110010, 00100100

#553224
```
#553224 rgb(85,50,36)
```
#244755
```
#244755 rgb(36,71,85)
```

Complementary Color

#55242f
```
#55242f rgb(85,36,47)
```
#553224
```
#553224 rgb(85,50,36)
```
#554b24
```
#554b24 rgb(85,75,36)
```

Analogous Color

#242f55
```
#242f55 rgb(36,47,85)
```
#553224
```
#553224 rgb(85,50,36)
```
#24554b
```
#24554b rgb(36,85,75)
```

Split Complementary Color

#322455
```
#322455 rgb(50,36,85)
```
#553224
```
#553224 rgb(85,50,36)
```
#245532
```
#245532 rgb(36,85,50)
```

Triadic Color

#552447
```
#552447 rgb(85,36,71)
```
#553224
```
#553224 rgb(85,50,36)
```
#245532
```
#245532 rgb(36,85,50)
```
#244755
```
#244755 rgb(36,71,85)
```

Tetradic Color

#1f120d
```
#1f120d rgb(31,18,13)
```
#311d15
```
#311d15 rgb(49,29,21)
```
#43271c
```
#43271c rgb(67,39,28)
```
#553224
```
#553224 rgb(85,50,36)
```
#673d2c
```
#673d2c rgb(103,61,44)
```
#794733
```
#794733 rgb(121,71,51)
```
#8b523b
```
#8b523b rgb(139,82,59)
```

Monochromatic Color

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

#552624
```
#552624 rgb(85,38,36)
```
#552a24
```
#552a24 rgb(85,42,36)
```
#552e24
```
#552e24 rgb(85,46,36)
```
#553224
```
#553224 rgb(85,50,36)
```
#553624
```
#553624 rgb(85,54,36)
```
#553a24
```
#553a24 rgb(85,58,36)
```
#553e24
```
#553e24 rgb(85,62,36)
```

Similar Colors

Text with hexadecimal color #553224

This text has a font color of #553224.

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

#553224 background color

This paragraph has a background color of #553224.

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

#553224 border color

This element has a border color of #553224.

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

CSS codes

.text {color:#553224;}

.background {background-color:#553224;}

.border {border:1px solid #553224;}

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

#020101
```
#020101 rgb(2,1,1)
```
#100907
```
#100907 rgb(16,9,7)
```
#1e120d
```
#1e120d rgb(30,18,13)
```
#2c1a12
```
#2c1a12 rgb(44,26,18)
```
#392218
```
#392218 rgb(57,34,24)
```
#472a1e
```
#472a1e rgb(71,42,30)
```
#553224
```
#553224 rgb(85,50,36)
```
#633a2a
```
#633a2a rgb(99,58,42)
```
#714230
```
#714230 rgb(113,66,48)
```
#7e4a36
```
#7e4a36 rgb(126,74,54)
```
#8c523b
```
#8c523b rgb(140,82,59)
```
#9a5b41
```
#9a5b41 rgb(154,91,65)
```
#a86347
```
#a86347 rgb(168,99,71)
```

Shade Color Variation

#b46b4e
```
#b46b4e rgb(180,107,78)
```
#ba775c
```
#ba775c rgb(186,119,92)
```
#c0826a
```
#c0826a rgb(192,130,106)
```
#c68e78
```
#c68e78 rgb(198,142,120)
```
#cb9985
```
#cb9985 rgb(203,153,133)
```
#d1a593
```
#d1a593 rgb(209,165,147)
```
#d7b0a1
```
#d7b0a1 rgb(215,176,161)
```
#ddbcaf
```
#ddbcaf rgb(221,188,175)
```
#e3c7bc
```
#e3c7bc rgb(227,199,188)
```
#e9d3ca
```
#e9d3ca rgb(233,211,202)
```
#eeded8
```
#eeded8 rgb(238,222,216)
```
#f4eae6
```
#f4eae6 rgb(244,234,230)
```
#faf5f4
```
#faf5f4 rgb(250,245,244)
```

Tint Color Variation

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

#3e3c3b
```
#3e3c3b rgb(62,60,59)
```
#423a37
```
#423a37 rgb(66,58,55)
```
#473832
```
#473832 rgb(71,56,50)
```
#4c362d
```
#4c362d rgb(76,54,45)
```
#503429
```
#503429 rgb(80,52,41)
```
#553224
```
#553224 rgb(85,50,36)
```
#5a301f
```
#5a301f rgb(90,48,31)
```
#5e2e1b
```
#5e2e1b rgb(94,46,27)
```
#632c16
```
#632c16 rgb(99,44,22)
```
#682a11
```
#682a11 rgb(104,42,17)
```
#6c280d
```
#6c280d rgb(108,40,13)
```
#712608
```
#712608 rgb(113,38,8)
```
#762403
```
#762403 rgb(118,36,3)
```

Tone Color Variation

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

#3b3b3b Achromatopsia 0.005% of the population
#403936 Atypical Achromatopsia 0.001% of the population

Dichromacy

#4a4432 Protanopia 1% of men
#52422d Deuteranopia 1% of men
#5f3a3e Tritanopia 0.001% of the population

Trichromacy

#4e3e2d Protanomaly 1% of men, 0.01% of women
#533c2a Deuteranomaly 6% of men, 0.4% of women
#5b3734 Tritanomaly 0.01% of the population

#553224 hex color

#553224 Color Information

#553224 Color Conversion

Color Schemes with #553224

Alternatives to #553224

#553224 Preview

Shades and Tints of #553224

Tones of #553224

Color Blindness Simulator