#553c0f hex color

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

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

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

The hexadecimal color #553c0f has RGB values of R:85, G:60, B:15 and CMYK values of C:0, M:0.29, Y:0.82, K:0.67. Its decimal value is 5585935.

Hex triplet	553c0f	`#553c0f`
RGB Decimal	85, 60, 15	`rgb(85,60,15)`
RGB Percent	33.3, 23.5, 5.9	`rgb(33.3%,23.5%,5.9%)`
CMYK	0, 29, 82, 67
HSL	38.6°, 70, 19.6	`hsl(38.6,70%,19.6%)`
HSV (or HSB)	38.6°, 82.4, 33.3
Web Safe	663300	`#663300`

CIE-LAB	27.291, 6.19, 30.528
XYZ	5.449, 5.198, 1.168
xyY	0.461, 0.44, 5.198
CIE-LCH	27.291, 31.149, 78.538
CIE-LUV	27.291, 18.766, 24.786
Hunter-Lab	22.799, 2.761, 12.921
Binary	01010101, 00111100, 00001111

#553c0f
```
#553c0f rgb(85,60,15)
```
#0f2855
```
#0f2855 rgb(15,40,85)
```

Complementary Color

#55190f
```
#55190f rgb(85,25,15)
```
#553c0f
```
#553c0f rgb(85,60,15)
```
#4b550f
```
#4b550f rgb(75,85,15)
```

Analogous Color

#190f55
```
#190f55 rgb(25,15,85)
```
#553c0f
```
#553c0f rgb(85,60,15)
```
#0f4b55
```
#0f4b55 rgb(15,75,85)
```

Split Complementary Color

#3c0f55
```
#3c0f55 rgb(60,15,85)
```
#553c0f
```
#553c0f rgb(85,60,15)
```
#0f553c
```
#0f553c rgb(15,85,60)
```

Triadic Color

#550f28
```
#550f28 rgb(85,15,40)
```
#553c0f
```
#553c0f rgb(85,60,15)
```
#0f553c
```
#0f553c rgb(15,85,60)
```
#0f2855
```
#0f2855 rgb(15,40,85)
```

Tetradic Color

#140e04
```
#140e04 rgb(20,14,4)
```
#2a1d07
```
#2a1d07 rgb(42,29,7)
```
#3f2d0b
```
#3f2d0b rgb(63,45,11)
```
#553c0f
```
#553c0f rgb(85,60,15)
```
#6b4b13
```
#6b4b13 rgb(107,75,19)
```
#805b17
```
#805b17 rgb(128,91,23)
```
#966a1a
```
#966a1a rgb(150,106,26)
```

Monochromatic Color

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

#552b0f
```
#552b0f rgb(85,43,15)
```
#55300f
```
#55300f rgb(85,48,15)
```
#55360f
```
#55360f rgb(85,54,15)
```
#553c0f
```
#553c0f rgb(85,60,15)
```
#55420f
```
#55420f rgb(85,66,15)
```
#55480f
```
#55480f rgb(85,72,15)
```
#554e0f
```
#554e0f rgb(85,78,15)
```

Similar Colors

Text with hexadecimal color #553c0f

This text has a font color of #553c0f.

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

#553c0f background color

This paragraph has a background color of #553c0f.

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

#553c0f border color

This element has a border color of #553c0f.

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

CSS codes

.text {color:#553c0f;}

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

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

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 #fcf8f0 is the lightest one.

#020100
```
#020100 rgb(2,1,0)
```
#120d03
```
#120d03 rgb(18,13,3)
```
#231906
```
#231906 rgb(35,25,6)
```
#342409
```
#342409 rgb(52,36,9)
```
#44300c
```
#44300c rgb(68,48,12)
```
#553c0f
```
#553c0f rgb(85,60,15)
```
#664812
```
#664812 rgb(102,72,18)
```
#765415
```
#765415 rgb(118,84,21)
```
#875f18
```
#875f18 rgb(135,95,24)
```
#986b1b
```
#986b1b rgb(152,107,27)
```
#a8771e
```
#a8771e rgb(168,119,30)
```
#b98321
```
#b98321 rgb(185,131,33)
```
#ca8e24
```
#ca8e24 rgb(202,142,36)
```

Shade Color Variation

#d99a28
```
#d99a28 rgb(217,154,40)
```
#dca239
```
#dca239 rgb(220,162,57)
```
#dfa949
```
#dfa949 rgb(223,169,73)
```
#e2b15a
```
#e2b15a rgb(226,177,90)
```
#e5b96b
```
#e5b96b rgb(229,185,107)
```
#e8c17b
```
#e8c17b rgb(232,193,123)
```
#ebc98c
```
#ebc98c rgb(235,201,140)
```
#eed19d
```
#eed19d rgb(238,209,157)
```
#f1d9ad
```
#f1d9ad rgb(241,217,173)
```
#f4e0be
```
#f4e0be rgb(244,224,190)
```
#f6e8cf
```
#f6e8cf rgb(246,232,207)
```
#f9f0df
```
#f9f0df rgb(249,240,223)
```
#fcf8f0
```
#fcf8f0 rgb(252,248,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 #613f03 is the most saturated one.

#323232
```
#323232 rgb(50,50,50)
```
#36332e
```
#36332e rgb(54,51,46)
```
#3a342a
```
#3a342a rgb(58,52,42)
```
#3e3526
```
#3e3526 rgb(62,53,38)
```
#423722
```
#423722 rgb(66,55,34)
```
#46381e
```
#46381e rgb(70,56,30)
```
#49391b
```
#49391b rgb(73,57,27)
```
#4d3a17
```
#4d3a17 rgb(77,58,23)
```
#513b13
```
#513b13 rgb(81,59,19)
```
#553c0f
```
#553c0f rgb(85,60,15)
```
#593d0b
```
#593d0b rgb(89,61,11)
```
#5d3e07
```
#5d3e07 rgb(93,62,7)
```
#613f03
```
#613f03 rgb(97,63,3)
```

Tone Color Variation

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

#3e3e3e Achromatopsia 0.005% of the population
#433e35 Atypical Achromatopsia 0.001% of the population

Dichromacy

#524a1c Protanopia 1% of men
#5c461b Deuteranopia 1% of men
#604146 Tritanopia 0.001% of the population

Trichromacy

#534517 Protanomaly 1% of men, 0.01% of women
#594216 Deuteranomaly 6% of men, 0.4% of women
#5c3f32 Tritanomaly 0.01% of the population

#553c0f hex color

#553c0f Color Information

#553c0f Color Conversion

Color Schemes with #553c0f

Alternatives to #553c0f

#553c0f Preview

Shades and Tints of #553c0f

Tones of #553c0f

Color Blindness Simulator