#553f3a hex color

In a RGB color space, hex #553f3a is composed of 33.3% red, 24.7% green and 22.7% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 25.9% magenta, 31.8% yellow and 66.7% black. It has a hue angle of 11.1 degrees, a saturation of 18.9% and a lightness of 28%. #553f3a color hex could be obtained by blending #aa7e74 with #000000. Closest websafe color is: #663333.

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

● #553f3a color description : Very dark grayish red.

The hexadecimal color #553f3a has RGB values of R:85, G:63, B:58 and CMYK values of C:0, M:0.26, Y:0.32, K:0.67. Its decimal value is 5586746.

Hex triplet	553f3a	`#553f3a`
RGB Decimal	85, 63, 58	`rgb(85,63,58)`
RGB Percent	33.3, 24.7, 22.7	`rgb(33.3%,24.7%,22.7%)`
CMYK	0, 26, 32, 67
HSL	11.1°, 18.9, 28	`hsl(11.1,18.9%,28%)`
HSV (or HSB)	11.1°, 31.8, 33.3
Web Safe	663333	`#663333`

CIE-LAB	28.882, 8.761, 6.782
XYZ	6.288, 5.792, 4.79
xyY	0.373, 0.343, 5.792
CIE-LCH	28.882, 11.079, 37.741
CIE-LUV	28.882, 13.529, 6.162
Hunter-Lab	24.067, 4.517, 5.047
Binary	01010101, 00111111, 00111010

#553f3a
```
#553f3a rgb(85,63,58)
```
#3a5055
```
#3a5055 rgb(58,80,85)
```

Complementary Color

#553a43
```
#553a43 rgb(85,58,67)
```
#553f3a
```
#553f3a rgb(85,63,58)
```
#554d3a
```
#554d3a rgb(85,77,58)
```

Analogous Color

#3a4355
```
#3a4355 rgb(58,67,85)
```
#553f3a
```
#553f3a rgb(85,63,58)
```
#3a554d
```
#3a554d rgb(58,85,77)
```

Split Complementary Color

#3f3a55
```
#3f3a55 rgb(63,58,85)
```
#553f3a
```
#553f3a rgb(85,63,58)
```
#3a553f
```
#3a553f rgb(58,85,63)
```

Triadic Color

#553a50
```
#553a50 rgb(85,58,80)
```
#553f3a
```
#553f3a rgb(85,63,58)
```
#3a553f
```
#3a553f rgb(58,85,63)
```
#3a5055
```
#3a5055 rgb(58,80,85)
```

Tetradic Color

#281d1b
```
#281d1b rgb(40,29,27)
```
#372925
```
#372925 rgb(55,41,37)
```
#463430
```
#463430 rgb(70,52,48)
```
#553f3a
```
#553f3a rgb(85,63,58)
```
#644a44
```
#644a44 rgb(100,74,68)
```
#73554f
```
#73554f rgb(115,85,79)
```
#826159
```
#826159 rgb(130,97,89)
```

Monochromatic Color

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

#553a3c
```
#553a3c rgb(85,58,60)
```
#553b3a
```
#553b3a rgb(85,59,58)
```
#553d3a
```
#553d3a rgb(85,61,58)
```
#553f3a
```
#553f3a rgb(85,63,58)
```
#55413a
```
#55413a rgb(85,65,58)
```
#55443a
```
#55443a rgb(85,68,58)
```
#55463a
```
#55463a rgb(85,70,58)
```

Similar Colors

Text with hexadecimal color #553f3a

This text has a font color of #553f3a.

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

#553f3a background color

This paragraph has a background color of #553f3a.

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

#553f3a border color

This element has a border color of #553f3a.

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

CSS codes

.text {color:#553f3a;}

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

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

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

#030302
```
#030302 rgb(3,3,2)
```
#0f0b0a
```
#0f0b0a rgb(15,11,10)
```
#1b1412
```
#1b1412 rgb(27,20,18)
```
#261c1a
```
#261c1a rgb(38,28,26)
```
#322522
```
#322522 rgb(50,37,34)
```
#3e2e2a
```
#3e2e2a rgb(62,46,42)
```
#493632
```
#493632 rgb(73,54,50)
```
#553f3a
```
#553f3a rgb(85,63,58)
```
#614842
```
#614842 rgb(97,72,66)
```
#6c504a
```
#6c504a rgb(108,80,74)
```
#785952
```
#785952 rgb(120,89,82)
```
#84625a
```
#84625a rgb(132,98,90)
```
#8f6a62
```
#8f6a62 rgb(143,106,98)
```

Shade Color Variation

#9a746b
```
#9a746b rgb(154,116,107)
```
#a27f76
```
#a27f76 rgb(162,127,118)
```
#aa8982
```
#aa8982 rgb(170,137,130)
```
#b2948e
```
#b2948e rgb(178,148,142)
```
#ba9f99
```
#ba9f99 rgb(186,159,153)
```
#c2aaa5
```
#c2aaa5 rgb(194,170,165)
```
#cab5b1
```
#cab5b1 rgb(202,181,177)
```
#d2c0bc
```
#d2c0bc rgb(210,192,188)
```
#dacbc8
```
#dacbc8 rgb(218,203,200)
```
#e1d6d4
```
#e1d6d4 rgb(225,214,212)
```
#e9e1df
```
#e9e1df rgb(233,225,223)
```
#f1eceb
```
#f1eceb rgb(241,236,235)
```
#f9f7f7
```
#f9f7f7 rgb(249,247,247)
```

Tint Color Variation

A tone is produced by adding gray to any pure hue. In this case, #4a4645 is the less saturated color, while #8c1c03 is the most saturated one.

#4a4645
```
#4a4645 rgb(74,70,69)
```
#504240
```
#504240 rgb(80,66,64)
```
#553f3a
```
#553f3a rgb(85,63,58)
```
#5b3c35
```
#5b3c35 rgb(91,60,53)
```
#60382f
```
#60382f rgb(96,56,47)
```
#66352a
```
#66352a rgb(102,53,42)
```
#6b3124
```
#6b3124 rgb(107,49,36)
```
#712e1f
```
#712e1f rgb(113,46,31)
```
#762a19
```
#762a19 rgb(118,42,25)
```
#7c2714
```
#7c2714 rgb(124,39,20)
```
#81230e
```
#81230e rgb(129,35,14)
```
#872009
```
#872009 rgb(135,32,9)
```
#8c1c03
```
#8c1c03 rgb(140,28,3)
```

Tone Color Variation

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

#454545 Achromatopsia 0.005% of the population
#484443 Atypical Achromatopsia 0.001% of the population

Dichromacy

#504d46 Protanopia 1% of men
#584b43 Deuteranopia 1% of men
#5e474c Tritanopia 0.001% of the population

Trichromacy

#524841 Protanomaly 1% of men, 0.01% of women
#574640 Deuteranomaly 6% of men, 0.4% of women
#5b4445 Tritanomaly 0.01% of the population

#553f3a hex color

#553f3a Color Information

#553f3a Color Conversion

Color Schemes with #553f3a

Alternatives to #553f3a

#553f3a Preview

Shades and Tints of #553f3a

Tones of #553f3a

Color Blindness Simulator