colorhexa.com

#552400 hex color

In a RGB color space, hex #552400 is composed of 33.3% red, 14.1% green and 0% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 57.6% magenta, 100% yellow and 66.7% black. It has a hue angle of 25.4 degrees, a saturation of 100% and a lightness of 16.7%. #552400 color hex could be obtained by blending #aa4800 with #000000. Closest websafe color is: #663300.

- R 33
- G 14
- B 0
RGB color chart
- C 0
- M 58
- Y 100
- K 67
CMYK color chart

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

The hexadecimal color #552400 has RGB values of R:85, G:36, B:0 and CMYK values of C:0, M:0.58, Y:1, K:0.67. Its decimal value is 5579776.

Hex triplet	552400	`#552400`
RGB Decimal	85, 36, 0	`rgb(85,36,0)`
RGB Percent	33.3, 14.1, 0	`rgb(33.3%,14.1%,0%)`
CMYK	0, 58, 100, 67
HSL	25.4°, 100, 16.7	`hsl(25.4,100%,16.7%)`
HSV (or HSB)	25.4°, 100, 33.3
Web Safe	663300	`#663300`

CIE-LAB	20.803, 20.591, 30.347
XYZ	4.377, 3.193, 0.386
xyY	0.55, 0.401, 3.193
CIE-LCH	20.803, 36.673, 55.842
CIE-LUV	20.803, 35.109, 18.799
Hunter-Lab	17.87, 12.451, 11.229
Binary	01010101, 00100100, 00000000

#552400
```
#552400 rgb(85,36,0)
```
#003155
```
#003155 rgb(0,49,85)
```

Complementary Color

#000755
```
#000755 rgb(0,7,85)
```
#552400
```
#552400 rgb(85,36,0)
```
#00554f
```
#00554f rgb(0,85,79)
```

Split Complementary Color

#080400
```
#080400 rgb(8,4,0)
```
#220e00
```
#220e00 rgb(34,14,0)
```
#3c1900
```
#3c1900 rgb(60,25,0)
```
#552400
```
#552400 rgb(85,36,0)
```
#6f2f00
```
#6f2f00 rgb(111,47,0)
```
#883a00
```
#883a00 rgb(136,58,0)
```
#a24400
```
#a24400 rgb(162,68,0)
```

Monochromatic Color

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

#550f00
```
#550f00 rgb(85,15,0)
```
#551600
```
#551600 rgb(85,22,0)
```
#551d00
```
#551d00 rgb(85,29,0)
```
#552400
```
#552400 rgb(85,36,0)
```
#552b00
```
#552b00 rgb(85,43,0)
```
#553200
```
#553200 rgb(85,50,0)
```
#553900
```
#553900 rgb(85,57,0)
```

Similar Colors

Text with hexadecimal color #552400

This text has a font color of #552400.

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

#552400 background color

This paragraph has a background color of #552400.

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

#552400 border color

This element has a border color of #552400.

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

CSS codes

.text {color:#552400;}

.background {background-color:#552400;}

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

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

#070300
```
#070300 rgb(7,3,0)
```
#1a0b00
```
#1a0b00 rgb(26,11,0)
```
#2e1300
```
#2e1300 rgb(46,19,0)
```
#411c00
```
#411c00 rgb(65,28,0)
```
#552400
```
#552400 rgb(85,36,0)
```
#692c00
```
#692c00 rgb(105,44,0)
```
#7c3500
```
#7c3500 rgb(124,53,0)
```
#903d00
```
#903d00 rgb(144,61,0)
```
#a34500
```
#a34500 rgb(163,69,0)
```
#b74e00
```
#b74e00 rgb(183,78,0)
```
#cb5600
```
#cb5600 rgb(203,86,0)
```
#de5e00
```
#de5e00 rgb(222,94,0)
```
#f26600
```
#f26600 rgb(242,102,0)
```

Shade Color Variation

#ff7007
```
#ff7007 rgb(255,112,7)
```
#ff7b1a
```
#ff7b1a rgb(255,123,26)
```
#ff862e
```
#ff862e rgb(255,134,46)
```
#ff9241
```
#ff9241 rgb(255,146,65)
```
#ff9d55
```
#ff9d55 rgb(255,157,85)
```
#ffa869
```
#ffa869 rgb(255,168,105)
```
#ffb47c
```
#ffb47c rgb(255,180,124)
```
#ffbf90
```
#ffbf90 rgb(255,191,144)
```
#ffcaa3
```
#ffcaa3 rgb(255,202,163)
```
#ffd6b7
```
#ffd6b7 rgb(255,214,183)
```
#ffe1cb
```
#ffe1cb rgb(255,225,203)
```
#ffecde
```
#ffecde rgb(255,236,222)
```
#fff7f2
```
#fff7f2 rgb(255,247,242)
```

Tint Color Variation

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

#2e2a27
```
#2e2a27 rgb(46,42,39)
```
#312a24
```
#312a24 rgb(49,42,36)
```
#342921
```
#342921 rgb(52,41,33)
```
#38291d
```
#38291d rgb(56,41,29)
```
#3b281a
```
#3b281a rgb(59,40,26)
```
#3e2817
```
#3e2817 rgb(62,40,23)
```
#412714
```
#412714 rgb(65,39,20)
```
#452710
```
#452710 rgb(69,39,16)
```
#48260d
```
#48260d rgb(72,38,13)
```
#4b260a
```
#4b260a rgb(75,38,10)
```
#4e2507
```
#4e2507 rgb(78,37,7)
```
#522503
```
#522503 rgb(82,37,3)
```
#552400
```
#552400 rgb(85,36,0)
```

Tone Color Variation

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

#2f2f2f Achromatopsia 0.005% of the population
#372d26 Atypical Achromatopsia 0.001% of the population

Dichromacy

#443c09 Protanopia 1% of men
#4b3900 Deuteranopia 1% of men
#5f2c2f Tritanopia 0.001% of the population

Trichromacy

#4a3306 Protanomaly 1% of men, 0.01% of women
#4f3100 Deuteranomaly 6% of men, 0.4% of women
#5b291d Tritanomaly 0.01% of the population