#552c0f hex color

In a RGB color space, hex #552c0f is composed of 33.3% red, 17.3% green and 5.9% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 48.2% magenta, 82.4% yellow and 66.7% black. It has a hue angle of 24.9 degrees, a saturation of 70% and a lightness of 19.6%. #552c0f color hex could be obtained by blending #aa581e with #000000. Closest websafe color is: #663300.

♥
- f
- t
- g
- R 33
- G 17
- B 6
RGB color chart
- C 0
- M 48
- Y 82
- K 67
CMYK color chart

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

The hexadecimal color #552c0f has RGB values of R:85, G:44, B:15 and CMYK values of C:0, M:0.48, Y:0.82, K:0.67. Its decimal value is 5581839.

Hex triplet	552c0f	`#552c0f`
RGB Decimal	85, 44, 15	`rgb(85,44,15)`
RGB Percent	33.3, 17.3, 5.9	`rgb(33.3%,17.3%,5.9%)`
CMYK	0, 48, 82, 67
HSL	24.9°, 70, 19.6	`hsl(24.9,70%,19.6%)`
HSV (or HSB)	24.9°, 82.4, 33.3
Web Safe	663300	`#663300`

CIE-LAB	22.888, 16.337, 26.161
XYZ	4.733, 3.768, 0.93
xyY	0.502, 0.399, 3.768
CIE-LCH	22.888, 30.843, 58.016
CIE-LUV	22.888, 29.108, 18.202
Hunter-Lab	19.41, 9.561, 10.747
Binary	01010101, 00101100, 00001111

#552c0f
```
#552c0f rgb(85,44,15)
```
#0f3855
```
#0f3855 rgb(15,56,85)
```

Complementary Color

#550f15
```
#550f15 rgb(85,15,21)
```
#552c0f
```
#552c0f rgb(85,44,15)
```
#554f0f
```
#554f0f rgb(85,79,15)
```

Analogous Color

#0f1555
```
#0f1555 rgb(15,21,85)
```
#552c0f
```
#552c0f rgb(85,44,15)
```
#0f554f
```
#0f554f rgb(15,85,79)
```

Split Complementary Color

#2c0f55
```
#2c0f55 rgb(44,15,85)
```
#552c0f
```
#552c0f rgb(85,44,15)
```
#0f552c
```
#0f552c rgb(15,85,44)
```

Triadic Color

#550f38
```
#550f38 rgb(85,15,56)
```
#552c0f
```
#552c0f rgb(85,44,15)
```
#0f552c
```
#0f552c rgb(15,85,44)
```
#0f3855
```
#0f3855 rgb(15,56,85)
```

Tetradic Color

#140a04
```
#140a04 rgb(20,10,4)
```
#2a1607
```
#2a1607 rgb(42,22,7)
```
#3f210b
```
#3f210b rgb(63,33,11)
```
#552c0f
```
#552c0f rgb(85,44,15)
```
#6b3713
```
#6b3713 rgb(107,55,19)
```
#804217
```
#804217 rgb(128,66,23)
```
#964e1a
```
#964e1a rgb(150,78,26)
```

Monochromatic Color

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

#551b0f
```
#551b0f rgb(85,27,15)
```
#55200f
```
#55200f rgb(85,32,15)
```
#55260f
```
#55260f rgb(85,38,15)
```
#552c0f
```
#552c0f rgb(85,44,15)
```
#55320f
```
#55320f rgb(85,50,15)
```
#55380f
```
#55380f rgb(85,56,15)
```
#553e0f
```
#553e0f rgb(85,62,15)
```

Similar Colors

Text with hexadecimal color #552c0f

This text has a font color of #552c0f.

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

#552c0f background color

This paragraph has a background color of #552c0f.

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

#552c0f border color

This element has a border color of #552c0f.

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

CSS codes

.text {color:#552c0f;}

.background {background-color:#552c0f;}

.border {border:1px solid #552c0f;}

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

#020100
```
#020100 rgb(2,1,0)
```
#120903
```
#120903 rgb(18,9,3)
```
#231206
```
#231206 rgb(35,18,6)
```
#341b09
```
#341b09 rgb(52,27,9)
```
#44230c
```
#44230c rgb(68,35,12)
```
#552c0f
```
#552c0f rgb(85,44,15)
```
#663512
```
#663512 rgb(102,53,18)
```
#763d15
```
#763d15 rgb(118,61,21)
```
#874618
```
#874618 rgb(135,70,24)
```
#984f1b
```
#984f1b rgb(152,79,27)
```
#a8571e
```
#a8571e rgb(168,87,30)
```
#b96021
```
#b96021 rgb(185,96,33)
```
#ca6824
```
#ca6824 rgb(202,104,36)
```

Shade Color Variation

#d97128
```
#d97128 rgb(217,113,40)
```
#dc7c39
```
#dc7c39 rgb(220,124,57)
```
#df8749
```
#df8749 rgb(223,135,73)
```
#e2925a
```
#e2925a rgb(226,146,90)
```
#e59d6b
```
#e59d6b rgb(229,157,107)
```
#e8a87b
```
#e8a87b rgb(232,168,123)
```
#ebb38c
```
#ebb38c rgb(235,179,140)
```
#eebe9d
```
#eebe9d rgb(238,190,157)
```
#f1c9ad
```
#f1c9ad rgb(241,201,173)
```
#f4d4be
```
#f4d4be rgb(244,212,190)
```
#f6dfcf
```
#f6dfcf rgb(246,223,207)
```
#f9eadf
```
#f9eadf rgb(249,234,223)
```
#fcf5f0
```
#fcf5f0 rgb(252,245,240)
```

Tint Color Variation

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

#323232
```
#323232 rgb(50,50,50)
```
#36312e
```
#36312e rgb(54,49,46)
```
#3a312a
```
#3a312a rgb(58,49,42)
```
#3e3026
```
#3e3026 rgb(62,48,38)
```
#422f22
```
#422f22 rgb(66,47,34)
```
#462f1e
```
#462f1e rgb(70,47,30)
```
#492e1b
```
#492e1b rgb(73,46,27)
```
#4d2d17
```
#4d2d17 rgb(77,45,23)
```
#512d13
```
#512d13 rgb(81,45,19)
```
#552c0f
```
#552c0f rgb(85,44,15)
```
#592b0b
```
#592b0b rgb(89,43,11)
```
#5d2b07
```
#5d2b07 rgb(93,43,7)
```
#612a03
```
#612a03 rgb(97,42,3)
```

Tone Color Variation

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

#353535 Achromatopsia 0.005% of the population
#3b332d Atypical Achromatopsia 0.001% of the population

Dichromacy

#47411e Protanopia 1% of men
#503e19 Deuteranopia 1% of men
#5f3337 Tritanopia 0.001% of the population

Trichromacy

#4c3918 Protanomaly 1% of men, 0.01% of women
#523715 Deuteranomaly 6% of men, 0.4% of women
#5b3128 Tritanomaly 0.01% of the population

#552c0f hex color

#552c0f Color Information

#552c0f Color Conversion

Color Schemes with #552c0f

Alternatives to #552c0f

#552c0f Preview

Shades and Tints of #552c0f

Tones of #552c0f

Color Blindness Simulator