#553312 hex color

In a RGB color space, hex #553312 is composed of 33.3% red, 20% green and 7.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 40% magenta, 78.8% yellow and 66.7% black. It has a hue angle of 29.6 degrees, a saturation of 65% and a lightness of 20.2%. #553312 color hex could be obtained by blending #aa6624 with #000000. Closest websafe color is: #663300.

♥
- f
- t
- g
- R 33
- G 20
- B 7
RGB color chart
- C 0
- M 40
- Y 79
- K 67
CMYK color chart

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

The hexadecimal color #553312 has RGB values of R:85, G:51, B:18 and CMYK values of C:0, M:0.4, Y:0.79, K:0.67. Its decimal value is 5583634.

Hex triplet	553312	`#553312`
RGB Decimal	85, 51, 18	`rgb(85,51,18)`
RGB Percent	33.3, 20, 7.1	`rgb(33.3%,20%,7.1%)`
CMYK	0, 40, 79, 67
HSL	29.6°, 65, 20.2	`hsl(29.6,65%,20.2%)`
HSV (or HSB)	29.6°, 78.8, 33.3
Web Safe	663300	`#663300`

CIE-LAB	24.774, 12.087, 26.482
XYZ	5.039, 4.343, 1.145
xyY	0.479, 0.413, 4.343
CIE-LCH	24.774, 29.11, 65.467
CIE-LUV	24.774, 24.468, 20.159
Hunter-Lab	20.84, 6.695, 11.33
Binary	01010101, 00110011, 00010010

#553312
```
#553312 rgb(85,51,18)
```
#123455
```
#123455 rgb(18,52,85)
```

Complementary Color

#551213
```
#551213 rgb(85,18,19)
```
#553312
```
#553312 rgb(85,51,18)
```
#555412
```
#555412 rgb(85,84,18)
```

Analogous Color

#121355
```
#121355 rgb(18,19,85)
```
#553312
```
#553312 rgb(85,51,18)
```
#125554
```
#125554 rgb(18,85,84)
```

Split Complementary Color

#331255
```
#331255 rgb(51,18,85)
```
#553312
```
#553312 rgb(85,51,18)
```
#125533
```
#125533 rgb(18,85,51)
```

Triadic Color

#551234
```
#551234 rgb(85,18,52)
```
#553312
```
#553312 rgb(85,51,18)
```
#125533
```
#125533 rgb(18,85,51)
```
#123455
```
#123455 rgb(18,52,85)
```

Tetradic Color

#160d05
```
#160d05 rgb(22,13,5)
```
#2b1a09
```
#2b1a09 rgb(43,26,9)
```
#40260e
```
#40260e rgb(64,38,14)
```
#553312
```
#553312 rgb(85,51,18)
```
#6a4016
```
#6a4016 rgb(106,64,22)
```
#7f4c1b
```
#7f4c1b rgb(127,76,27)
```
#94591f
```
#94591f rgb(148,89,31)
```

Monochromatic Color

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

#552212
```
#552212 rgb(85,34,18)
```
#552812
```
#552812 rgb(85,40,18)
```
#552d12
```
#552d12 rgb(85,45,18)
```
#553312
```
#553312 rgb(85,51,18)
```
#553912
```
#553912 rgb(85,57,18)
```
#553e12
```
#553e12 rgb(85,62,18)
```
#554412
```
#554412 rgb(85,68,18)
```

Similar Colors

Text with hexadecimal color #553312

This text has a font color of #553312.

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

#553312 background color

This paragraph has a background color of #553312.

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

#553312 border color

This element has a border color of #553312.

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

CSS codes

.text {color:#553312;}

.background {background-color:#553312;}

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

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

#040201
```
#040201 rgb(4,2,1)
```
#140c04
```
#140c04 rgb(20,12,4)
```
#241608
```
#241608 rgb(36,22,8)
```
#35200b
```
#35200b rgb(53,32,11)
```
#45290f
```
#45290f rgb(69,41,15)
```
#553312
```
#553312 rgb(85,51,18)
```
#653d15
```
#653d15 rgb(101,61,21)
```
#754619
```
#754619 rgb(117,70,25)
```
#86501c
```
#86501c rgb(134,80,28)
```
#965a20
```
#965a20 rgb(150,90,32)
```
#a66423
```
#a66423 rgb(166,100,35)
```
#b66d27
```
#b66d27 rgb(182,109,39)
```
#c6772a
```
#c6772a rgb(198,119,42)
```

Shade Color Variation

#d38131
```
#d38131 rgb(211,129,49)
```
#d78b41
```
#d78b41 rgb(215,139,65)
```
#da9551
```
#da9551 rgb(218,149,81)
```
#de9e61
```
#de9e61 rgb(222,158,97)
```
#e1a871
```
#e1a871 rgb(225,168,113)
```
#e4b282
```
#e4b282 rgb(228,178,130)
```
#e8bc92
```
#e8bc92 rgb(232,188,146)
```
#ebc6a2
```
#ebc6a2 rgb(235,198,162)
```
#efd0b2
```
#efd0b2 rgb(239,208,178)
```
#f2dac2
```
#f2dac2 rgb(242,218,194)
```
#f6e4d3
```
#f6e4d3 rgb(246,228,211)
```
#f9eee3
```
#f9eee3 rgb(249,238,227)
```
#fcf8f3
```
#fcf8f3 rgb(252,248,243)
```

Tint Color Variation

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

#353332
```
#353332 rgb(53,51,50)
```
#39332e
```
#39332e rgb(57,51,46)
```
#3d332a
```
#3d332a rgb(61,51,42)
```
#413326
```
#413326 rgb(65,51,38)
```
#453322
```
#453322 rgb(69,51,34)
```
#49331e
```
#49331e rgb(73,51,30)
```
#4d331a
```
#4d331a rgb(77,51,26)
```
#513316
```
#513316 rgb(81,51,22)
```
#553312
```
#553312 rgb(85,51,18)
```
#59330e
```
#59330e rgb(89,51,14)
```
#5d330a
```
#5d330a rgb(93,51,10)
```
#613306
```
#613306 rgb(97,51,6)
```
#653302
```
#653302 rgb(101,51,2)
```

Tone Color Variation

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

#393939 Achromatopsia 0.005% of the population
#3f3831 Atypical Achromatopsia 0.001% of the population

Dichromacy

#4c4520 Protanopia 1% of men
#55411c Deuteranopia 1% of men
#5f3a3e Tritanopia 0.001% of the population

Trichromacy

#4f3e1b Protanomaly 1% of men, 0.01% of women
#553c18 Deuteranomaly 6% of men, 0.4% of women
#5b372e Tritanomaly 0.01% of the population

#553312 hex color

#553312 Color Information

#553312 Color Conversion

Color Schemes with #553312

Alternatives to #553312

#553312 Preview

Shades and Tints of #553312

Tones of #553312

Color Blindness Simulator