#553a30 hex color

In a RGB color space, hex #553a30 is composed of 33.3% red, 22.7% green and 18.8% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 31.8% magenta, 43.5% yellow and 66.7% black. It has a hue angle of 16.2 degrees, a saturation of 27.8% and a lightness of 26.1%. #553a30 color hex could be obtained by blending #aa7460 with #000000. Closest websafe color is: #663333.

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

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

The hexadecimal color #553a30 has RGB values of R:85, G:58, B:48 and CMYK values of C:0, M:0.32, Y:0.44, K:0.67. Its decimal value is 5585456.

Hex triplet	553a30	`#553a30`
RGB Decimal	85, 58, 48	`rgb(85,58,48)`
RGB Percent	33.3, 22.7, 18.8	`rgb(33.3%,22.7%,18.8%)`
CMYK	0, 32, 44, 67
HSL	16.2°, 27.8, 26.1	`hsl(16.2,27.8%,26.1%)`
HSV (or HSB)	16.2°, 43.5, 33.3
Web Safe	663333	`#663333`

CIE-LAB	27.217, 10.489, 10.986
XYZ	5.793, 5.171, 3.489
xyY	0.401, 0.358, 5.171
CIE-LCH	27.217, 15.189, 46.324
CIE-LUV	27.217, 17.38, 9.795
Hunter-Lab	22.74, 5.677, 6.821
Binary	01010101, 00111010, 00110000

#553a30
```
#553a30 rgb(85,58,48)
```
#304b55
```
#304b55 rgb(48,75,85)
```

Complementary Color

#553039
```
#553039 rgb(85,48,57)
```
#553a30
```
#553a30 rgb(85,58,48)
```
#554d30
```
#554d30 rgb(85,77,48)
```

Analogous Color

#303955
```
#303955 rgb(48,57,85)
```
#553a30
```
#553a30 rgb(85,58,48)
```
#30554d
```
#30554d rgb(48,85,77)
```

Split Complementary Color

#3a3055
```
#3a3055 rgb(58,48,85)
```
#553a30
```
#553a30 rgb(85,58,48)
```
#30553a
```
#30553a rgb(48,85,58)
```

Triadic Color

#55304b
```
#55304b rgb(85,48,75)
```
#553a30
```
#553a30 rgb(85,58,48)
```
#30553a
```
#30553a rgb(48,85,58)
```
#304b55
```
#304b55 rgb(48,75,85)
```

Tetradic Color

#241914
```
#241914 rgb(36,25,20)
```
#34241e
```
#34241e rgb(52,36,30)
```
#452f27
```
#452f27 rgb(69,47,39)
```
#553a30
```
#553a30 rgb(85,58,48)
```
#654539
```
#654539 rgb(101,69,57)
```
#765042
```
#765042 rgb(118,80,66)
```
#865b4c
```
#865b4c rgb(134,91,76)
```

Monochromatic Color

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

#553130
```
#553130 rgb(85,49,48)
```
#553430
```
#553430 rgb(85,52,48)
```
#553730
```
#553730 rgb(85,55,48)
```
#553a30
```
#553a30 rgb(85,58,48)
```
#553d30
```
#553d30 rgb(85,61,48)
```
#554030
```
#554030 rgb(85,64,48)
```
#554330
```
#554330 rgb(85,67,48)
```

Similar Colors

Text with hexadecimal color #553a30

This text has a font color of #553a30.

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

#553a30 background color

This paragraph has a background color of #553a30.

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

#553a30 border color

This element has a border color of #553a30.

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

CSS codes

.text {color:#553a30;}

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

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

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

#0a0706
```
#0a0706 rgb(10,7,6)
```
#160f0d
```
#160f0d rgb(22,15,13)
```
#231814
```
#231814 rgb(35,24,20)
```
#2f201b
```
#2f201b rgb(47,32,27)
```
#3c2922
```
#3c2922 rgb(60,41,34)
```
#483129
```
#483129 rgb(72,49,41)
```
#553a30
```
#553a30 rgb(85,58,48)
```
#624337
```
#624337 rgb(98,67,55)
```
#6e4b3e
```
#6e4b3e rgb(110,75,62)
```
#7b5445
```
#7b5445 rgb(123,84,69)
```
#875c4c
```
#875c4c rgb(135,92,76)
```
#946553
```
#946553 rgb(148,101,83)
```
#a06d5a
```
#a06d5a rgb(160,109,90)
```

Shade Color Variation

#a87866
```
#a87866 rgb(168,120,102)
```
#b08372
```
#b08372 rgb(176,131,114)
```
#b78e7f
```
#b78e7f rgb(183,142,127)
```
#be998b
```
#be998b rgb(190,153,139)
```
#c5a498
```
#c5a498 rgb(197,164,152)
```
#ccafa4
```
#ccafa4 rgb(204,175,164)
```
#d3bab1
```
#d3bab1 rgb(211,186,177)
```
#dac5be
```
#dac5be rgb(218,197,190)
```
#e1d0ca
```
#e1d0ca rgb(225,208,202)
```
#e8dbd7
```
#e8dbd7 rgb(232,219,215)
```
#efe6e3
```
#efe6e3 rgb(239,230,227)
```
#f6f2f0
```
#f6f2f0 rgb(246,242,240)
```
#fdfdfc
```
#fdfdfc rgb(253,253,252)
```

Tint Color Variation

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

#46413f
```
#46413f rgb(70,65,63)
```
#4b3f3a
```
#4b3f3a rgb(75,63,58)
```
#503c35
```
#503c35 rgb(80,60,53)
```
#553a30
```
#553a30 rgb(85,58,48)
```
#5a382b
```
#5a382b rgb(90,56,43)
```
#5f3526
```
#5f3526 rgb(95,53,38)
```
#643321
```
#643321 rgb(100,51,33)
```
#69311c
```
#69311c rgb(105,49,28)
```
#6f2e16
```
#6f2e16 rgb(111,46,22)
```
#742c11
```
#742c11 rgb(116,44,17)
```
#792a0c
```
#792a0c rgb(121,42,12)
```
#7e2707
```
#7e2707 rgb(126,39,7)
```
#832502
```
#832502 rgb(131,37,2)
```

Tone Color Variation

Below, you can see how #553a30 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
#45403e Atypical Achromatopsia 0.001% of the population

Dichromacy

#4e4a3d Protanopia 1% of men
#564739 Deuteranopia 1% of men
#5f4247 Tritanopia 0.001% of the population

Trichromacy

#504438 Protanomaly 1% of men, 0.01% of women
#564236 Deuteranomaly 6% of men, 0.4% of women
#5b3f3e Tritanomaly 0.01% of the population

#553a30 hex color

#553a30 Color Information

#553a30 Color Conversion

Color Schemes with #553a30

Alternatives to #553a30

#553a30 Preview

Shades and Tints of #553a30

Tones of #553a30

Color Blindness Simulator