#553a2a hex color

In a RGB color space, hex #553a2a is composed of 33.3% red, 22.7% green and 16.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 31.8% magenta, 50.6% yellow and 66.7% black. It has a hue angle of 22.3 degrees, a saturation of 33.9% and a lightness of 24.9%. #553a2a color hex could be obtained by blending #aa7454 with #000000. Closest websafe color is: #663333.

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

● #553a2a color description : Very dark desaturated orange.

The hexadecimal color #553a2a has RGB values of R:85, G:58, B:42 and CMYK values of C:0, M:0.32, Y:0.51, K:0.67. Its decimal value is 5585450.

Hex triplet	553a2a	`#553a2a`
RGB Decimal	85, 58, 42	`rgb(85,58,42)`
RGB Percent	33.3, 22.7, 16.5	`rgb(33.3%,22.7%,16.5%)`
CMYK	0, 32, 51, 67
HSL	22.3°, 33.9, 24.9	`hsl(22.3,33.9%,24.9%)`
HSV (or HSB)	22.3°, 50.6, 33.3
Web Safe	663333	`#663333`

CIE-LAB	27.088, 9.729, 14.695
XYZ	5.677, 5.125, 2.881
xyY	0.415, 0.375, 5.125
CIE-LCH	27.088, 17.624, 56.493
CIE-LUV	27.088, 18.025, 13.188
Hunter-Lab	22.638, 5.148, 8.303
Binary	01010101, 00111010, 00101010

#553a2a
```
#553a2a rgb(85,58,42)
```
#2a4555
```
#2a4555 rgb(42,69,85)
```

Complementary Color

#552a30
```
#552a30 rgb(85,42,48)
```
#553a2a
```
#553a2a rgb(85,58,42)
```
#55502a
```
#55502a rgb(85,80,42)
```

Analogous Color

#2a3055
```
#2a3055 rgb(42,48,85)
```
#553a2a
```
#553a2a rgb(85,58,42)
```
#2a5550
```
#2a5550 rgb(42,85,80)
```

Split Complementary Color

#3a2a55
```
#3a2a55 rgb(58,42,85)
```
#553a2a
```
#553a2a rgb(85,58,42)
```
#2a553a
```
#2a553a rgb(42,85,58)
```

Triadic Color

#552a45
```
#552a45 rgb(85,42,69)
```
#553a2a
```
#553a2a rgb(85,58,42)
```
#2a553a
```
#2a553a rgb(42,85,58)
```
#2a4555
```
#2a4555 rgb(42,69,85)
```

Tetradic Color

#221711
```
#221711 rgb(34,23,17)
```
#332319
```
#332319 rgb(51,35,25)
```
#442e22
```
#442e22 rgb(68,46,34)
```
#553a2a
```
#553a2a rgb(85,58,42)
```
#664632
```
#664632 rgb(102,70,50)
```
#77513b
```
#77513b rgb(119,81,59)
```
#885d43
```
#885d43 rgb(136,93,67)
```

Monochromatic Color

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

#552f2a
```
#552f2a rgb(85,47,42)
```
#55332a
```
#55332a rgb(85,51,42)
```
#55362a
```
#55362a rgb(85,54,42)
```
#553a2a
```
#553a2a rgb(85,58,42)
```
#553e2a
```
#553e2a rgb(85,62,42)
```
#55412a
```
#55412a rgb(85,65,42)
```
#55452a
```
#55452a rgb(85,69,42)
```

Similar Colors

Text with hexadecimal color #553a2a

This text has a font color of #553a2a.

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

#553a2a background color

This paragraph has a background color of #553a2a.

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

#553a2a border color

This element has a border color of #553a2a.

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

CSS codes

.text {color:#553a2a;}

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

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

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

#060403
```
#060403 rgb(6,4,3)
```
#130d0a
```
#130d0a rgb(19,13,10)
```
#201610
```
#201610 rgb(32,22,16)
```
#2e1f17
```
#2e1f17 rgb(46,31,23)
```
#3b281d
```
#3b281d rgb(59,40,29)
```
#483124
```
#483124 rgb(72,49,36)
```
#553a2a
```
#553a2a rgb(85,58,42)
```
#624330
```
#624330 rgb(98,67,48)
```
#6f4c37
```
#6f4c37 rgb(111,76,55)
```
#7c553d
```
#7c553d rgb(124,85,61)
```
#8a5e44
```
#8a5e44 rgb(138,94,68)
```
#97674a
```
#97674a rgb(151,103,74)
```
#a47051
```
#a47051 rgb(164,112,81)
```

Shade Color Variation

#ae7a5b
```
#ae7a5b rgb(174,122,91)
```
#b48468
```
#b48468 rgb(180,132,104)
```
#bb8f75
```
#bb8f75 rgb(187,143,117)
```
#c19982
```
#c19982 rgb(193,153,130)
```
#c8a48f
```
#c8a48f rgb(200,164,143)
```
#ceaf9c
```
#ceaf9c rgb(206,175,156)
```
#d5b9a9
```
#d5b9a9 rgb(213,185,169)
```
#dbc4b6
```
#dbc4b6 rgb(219,196,182)
```
#e2cfc4
```
#e2cfc4 rgb(226,207,196)
```
#e8d9d1
```
#e8d9d1 rgb(232,217,209)
```
#efe4de
```
#efe4de rgb(239,228,222)
```
#f5efeb
```
#f5efeb rgb(245,239,235)
```
#fcf9f8
```
#fcf9f8 rgb(252,249,248)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #413f3e is the less saturated color, while #7c3003 is the most saturated one.

#413f3e
```
#413f3e rgb(65,63,62)
```
#463e39
```
#463e39 rgb(70,62,57)
```
#4b3c34
```
#4b3c34 rgb(75,60,52)
```
#503b2f
```
#503b2f rgb(80,59,47)
```
#553a2a
```
#553a2a rgb(85,58,42)
```
#5a3925
```
#5a3925 rgb(90,57,37)
```
#5f3820
```
#5f3820 rgb(95,56,32)
```
#64361b
```
#64361b rgb(100,54,27)
```
#693516
```
#693516 rgb(105,53,22)
```
#6d3412
```
#6d3412 rgb(109,52,18)
```
#72330d
```
#72330d rgb(114,51,13)
```
#773108
```
#773108 rgb(119,49,8)
```
#7c3003
```
#7c3003 rgb(124,48,3)
```

Tone Color Variation

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

#404040 Achromatopsia 0.005% of the population
#443f3c Atypical Achromatopsia 0.001% of the population

Dichromacy

#4f4937 Protanopia 1% of men
#574634 Deuteranopia 1% of men
#5f4146 Tritanopia 0.001% of the population

Trichromacy

#514432 Protanomaly 1% of men, 0.01% of women
#564230 Deuteranomaly 6% of men, 0.4% of women
#5b3f3c Tritanomaly 0.01% of the population

#553a2a hex color

#553a2a Color Information

#553a2a Color Conversion

Color Schemes with #553a2a

Alternatives to #553a2a

#553a2a Preview

Shades and Tints of #553a2a

Tones of #553a2a

Color Blindness Simulator