#553b1c hex color

In a RGB color space, hex #553b1c is composed of 33.3% red, 23.1% green and 11% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 30.6% magenta, 67.1% yellow and 66.7% black. It has a hue angle of 32.6 degrees, a saturation of 50.4% and a lightness of 22.2%. #553b1c color hex could be obtained by blending #aa7638 with #000000. Closest websafe color is: #663333.

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

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

The hexadecimal color #553b1c has RGB values of R:85, G:59, B:28 and CMYK values of C:0, M:0.31, Y:0.67, K:0.67. Its decimal value is 5585692.

Hex triplet	553b1c	`#553b1c`
RGB Decimal	85, 59, 28	`rgb(85,59,28)`
RGB Percent	33.3, 23.1, 11	`rgb(33.3%,23.1%,11%)`
CMYK	0, 31, 67, 67
HSL	32.6°, 50.4, 22.2	`hsl(32.6,50.4%,22.2%)`
HSV (or HSB)	32.6°, 67.1, 33.3
Web Safe	663333	`#663333`

CIE-LAB	27.139, 7.683, 23.424
XYZ	5.52, 5.143, 1.801
xyY	0.443, 0.413, 5.143
CIE-LCH	27.139, 24.652, 71.841
CIE-LUV	27.139, 18.65, 20.201
Hunter-Lab	22.679, 3.758, 11.168
Binary	01010101, 00111011, 00011100

#553b1c
```
#553b1c rgb(85,59,28)
```
#1c3655
```
#1c3655 rgb(28,54,85)
```

Complementary Color

#551f1c
```
#551f1c rgb(85,31,28)
```
#553b1c
```
#553b1c rgb(85,59,28)
```
#53551c
```
#53551c rgb(83,85,28)
```

Analogous Color

#1f1c55
```
#1f1c55 rgb(31,28,85)
```
#553b1c
```
#553b1c rgb(85,59,28)
```
#1c5355
```
#1c5355 rgb(28,83,85)
```

Split Complementary Color

#3b1c55
```
#3b1c55 rgb(59,28,85)
```
#553b1c
```
#553b1c rgb(85,59,28)
```
#1c553b
```
#1c553b rgb(28,85,59)
```

Triadic Color

#551c36
```
#551c36 rgb(85,28,54)
```
#553b1c
```
#553b1c rgb(85,59,28)
```
#1c553b
```
#1c553b rgb(28,85,59)
```
#1c3655
```
#1c3655 rgb(28,54,85)
```

Tetradic Color

#1b1309
```
#1b1309 rgb(27,19,9)
```
#2f200f
```
#2f200f rgb(47,32,15)
```
#422e16
```
#422e16 rgb(66,46,22)
```
#553b1c
```
#553b1c rgb(85,59,28)
```
#684822
```
#684822 rgb(104,72,34)
```
#7b5629
```
#7b5629 rgb(123,86,41)
```
#8f632f
```
#8f632f rgb(143,99,47)
```

Monochromatic Color

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

#552d1c
```
#552d1c rgb(85,45,28)
```
#55321c
```
#55321c rgb(85,50,28)
```
#55361c
```
#55361c rgb(85,54,28)
```
#553b1c
```
#553b1c rgb(85,59,28)
```
#55401c
```
#55401c rgb(85,64,28)
```
#55451c
```
#55451c rgb(85,69,28)
```
#55491c
```
#55491c rgb(85,73,28)
```

Similar Colors

Text with hexadecimal color #553b1c

This text has a font color of #553b1c.

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

#553b1c background color

This paragraph has a background color of #553b1c.

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

#553b1c border color

This element has a border color of #553b1c.

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

CSS codes

.text {color:#553b1c;}

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

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

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, #0b0804 is the darkest color, while #fefdfb is the lightest one.

#0b0804
```
#0b0804 rgb(11,8,4)
```
#1a1209
```
#1a1209 rgb(26,18,9)
```
#291c0d
```
#291c0d rgb(41,28,13)
```
#372712
```
#372712 rgb(55,39,18)
```
#463117
```
#463117 rgb(70,49,23)
```
#553b1c
```
#553b1c rgb(85,59,28)
```
#644521
```
#644521 rgb(100,69,33)
```
#734f26
```
#734f26 rgb(115,79,38)
```
#815a2b
```
#815a2b rgb(129,90,43)
```
#90642f
```
#90642f rgb(144,100,47)
```
#9f6e34
```
#9f6e34 rgb(159,110,52)
```
#ae7839
```
#ae7839 rgb(174,120,57)
```
#bc833e
```
#bc833e rgb(188,131,62)
```

Shade Color Variation

#c48c4a
```
#c48c4a rgb(196,140,74)
```
#c89659
```
#c89659 rgb(200,150,89)
```
#cd9f68
```
#cd9f68 rgb(205,159,104)
```
#d2a877
```
#d2a877 rgb(210,168,119)
```
#d7b285
```
#d7b285 rgb(215,178,133)
```
#dcbb94
```
#dcbb94 rgb(220,187,148)
```
#e1c5a3
```
#e1c5a3 rgb(225,197,163)
```
#e6ceb2
```
#e6ceb2 rgb(230,206,178)
```
#ead7c0
```
#ead7c0 rgb(234,215,192)
```
#efe1cf
```
#efe1cf rgb(239,225,207)
```
#f4eade
```
#f4eade rgb(244,234,222)
```
#f9f3ed
```
#f9f3ed rgb(249,243,237)
```
#fefdfb
```
#fefdfb rgb(254,253,251)
```

Tint Color Variation

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

#3b3936
```
#3b3936 rgb(59,57,54)
```
#3f3932
```
#3f3932 rgb(63,57,50)
```
#44392d
```
#44392d rgb(68,57,45)
```
#483a29
```
#483a29 rgb(72,58,41)
```
#4c3a25
```
#4c3a25 rgb(76,58,37)
```
#513b20
```
#513b20 rgb(81,59,32)
```
#553b1c
```
#553b1c rgb(85,59,28)
```
#593b18
```
#593b18 rgb(89,59,24)
```
#5e3c13
```
#5e3c13 rgb(94,60,19)
```
#623c0f
```
#623c0f rgb(98,60,15)
```
#663d0b
```
#663d0b rgb(102,61,11)
```
#6b3d06
```
#6b3d06 rgb(107,61,6)
```
#6f3d02
```
#6f3d02 rgb(111,61,2)
```

Tone Color Variation

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

#3f3f3f Achromatopsia 0.005% of the population
#433e38 Atypical Achromatopsia 0.001% of the population

Dichromacy

#514a29 Protanopia 1% of men
#5a4627 Deuteranopia 1% of men
#604146 Tritanopia 0.001% of the population

Trichromacy

#524424 Protanomaly 1% of men, 0.01% of women
#584223 Deuteranomaly 6% of men, 0.4% of women
#5c3f36 Tritanomaly 0.01% of the population

#553b1c hex color

#553b1c Color Information

#553b1c Color Conversion

Color Schemes with #553b1c

Alternatives to #553b1c

#553b1c Preview

Shades and Tints of #553b1c

Tones of #553b1c

Color Blindness Simulator