#55311f hex color

In a RGB color space, hex #55311f is composed of 33.3% red, 19.2% green and 12.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 42.4% magenta, 63.5% yellow and 66.7% black. It has a hue angle of 20 degrees, a saturation of 46.6% and a lightness of 22.7%. #55311f color hex could be obtained by blending #aa623e with #000000. Closest websafe color is: #663333.

♥
- f
- t
- g
- R 33
- G 19
- B 12
RGB color chart
- C 0
- M 42
- Y 64
- K 67
CMYK color chart

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

The hexadecimal color #55311f has RGB values of R:85, G:49, B:31 and CMYK values of C:0, M:0.42, Y:0.64, K:0.67. Its decimal value is 5583135.

Hex triplet	55311f	`#55311f`
RGB Decimal	85, 49, 31	`rgb(85,49,31)`
RGB Percent	33.3, 19.2, 12.2	`rgb(33.3%,19.2%,12.2%)`
CMYK	0, 42, 64, 67
HSL	20°, 46.6, 22.7	`hsl(20,46.6%,22.7%)`
HSV (or HSB)	20°, 63.5, 33.3
Web Safe	663333	`#663333`

CIE-LAB	24.409, 14.314, 18.31
XYZ	5.092, 4.227, 1.844
xyY	0.456, 0.379, 4.227
CIE-LCH	24.409, 23.241, 51.982
CIE-LUV	24.409, 24.524, 14.457
Hunter-Lab	20.56, 8.228, 9.075
Binary	01010101, 00110001, 00011111

#55311f
```
#55311f rgb(85,49,31)
```
#1f4355
```
#1f4355 rgb(31,67,85)
```

Complementary Color

#551f28
```
#551f28 rgb(85,31,40)
```
#55311f
```
#55311f rgb(85,49,31)
```
#554c1f
```
#554c1f rgb(85,76,31)
```

Analogous Color

#1f2855
```
#1f2855 rgb(31,40,85)
```
#55311f
```
#55311f rgb(85,49,31)
```
#1f554c
```
#1f554c rgb(31,85,76)
```

Split Complementary Color

#311f55
```
#311f55 rgb(49,31,85)
```
#55311f
```
#55311f rgb(85,49,31)
```
#1f5531
```
#1f5531 rgb(31,85,49)
```

Triadic Color

#551f43
```
#551f43 rgb(85,31,67)
```
#55311f
```
#55311f rgb(85,49,31)
```
#1f5531
```
#1f5531 rgb(31,85,49)
```
#1f4355
```
#1f4355 rgb(31,67,85)
```

Tetradic Color

#1d110b
```
#1d110b rgb(29,17,11)
```
#301b11
```
#301b11 rgb(48,27,17)
```
#422618
```
#422618 rgb(66,38,24)
```
#55311f
```
#55311f rgb(85,49,31)
```
#683c26
```
#683c26 rgb(104,60,38)
```
#7a472d
```
#7a472d rgb(122,71,45)
```
#8d5133
```
#8d5133 rgb(141,81,51)
```

Monochromatic Color

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

#55241f
```
#55241f rgb(85,36,31)
```
#55281f
```
#55281f rgb(85,40,31)
```
#552d1f
```
#552d1f rgb(85,45,31)
```
#55311f
```
#55311f rgb(85,49,31)
```
#55361f
```
#55361f rgb(85,54,31)
```
#553a1f
```
#553a1f rgb(85,58,31)
```
#553f1f
```
#553f1f rgb(85,63,31)
```

Similar Colors

Text with hexadecimal color #55311f

This text has a font color of #55311f.

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

#55311f background color

This paragraph has a background color of #55311f.

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

#55311f border color

This element has a border color of #55311f.

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

CSS codes

.text {color:#55311f;}

.background {background-color:#55311f;}

.border {border:1px solid #55311f;}

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, #0d0805 is the darkest color, while #fffefe is the lightest one.

#0d0805
```
#0d0805 rgb(13,8,5)
```
#1c100a
```
#1c100a rgb(28,16,10)
```
#2a180f
```
#2a180f rgb(42,24,15)
```
#382015
```
#382015 rgb(56,32,21)
```
#47291a
```
#47291a rgb(71,41,26)
```
#55311f
```
#55311f rgb(85,49,31)
```
#633924
```
#633924 rgb(99,57,36)
```
#724229
```
#724229 rgb(114,66,41)
```
#804a2f
```
#804a2f rgb(128,74,47)
```
#8e5234
```
#8e5234 rgb(142,82,52)
```
#9d5a39
```
#9d5a39 rgb(157,90,57)
```
#ab633e
```
#ab633e rgb(171,99,62)
```
#ba6b44
```
#ba6b44 rgb(186,107,68)
```

Shade Color Variation

#c07651
```
#c07651 rgb(192,118,81)
```
#c58160
```
#c58160 rgb(197,129,96)
```
#ca8d6e
```
#ca8d6e rgb(202,141,110)
```
#cf987c
```
#cf987c rgb(207,152,124)
```
#d5a38b
```
#d5a38b rgb(213,163,139)
```
#daaf99
```
#daaf99 rgb(218,175,153)
```
#dfbaa8
```
#dfbaa8 rgb(223,186,168)
```
#e4c5b6
```
#e4c5b6 rgb(228,197,182)
```
#ead1c4
```
#ead1c4 rgb(234,209,196)
```
#efdcd3
```
#efdcd3 rgb(239,220,211)
```
#f4e7e1
```
#f4e7e1 rgb(244,231,225)
```
#f9f3ef
```
#f9f3ef rgb(249,243,239)
```
#fffefe
```
#fffefe rgb(255,254,254)
```

Tint Color Variation

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

#3a3a3a
```
#3a3a3a rgb(58,58,58)
```
#3f3835
```
#3f3835 rgb(63,56,53)
```
#433731
```
#433731 rgb(67,55,49)
```
#48352c
```
#48352c rgb(72,53,44)
```
#4c3428
```
#4c3428 rgb(76,52,40)
```
#513223
```
#513223 rgb(81,50,35)
```
#55311f
```
#55311f rgb(85,49,31)
```
#59301b
```
#59301b rgb(89,48,27)
```
#5e2e16
```
#5e2e16 rgb(94,46,22)
```
#622d12
```
#622d12 rgb(98,45,18)
```
#672b0d
```
#672b0d rgb(103,43,13)
```
#6b2a09
```
#6b2a09 rgb(107,42,9)
```
#702804
```
#702804 rgb(112,40,4)
```

Tone Color Variation

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

#3a3a3a Achromatopsia 0.005% of the population
#3f3835 Atypical Achromatopsia 0.001% of the population

Dichromacy

#49442d Protanopia 1% of men
#524129 Deuteranopia 1% of men
#5f393d Tritanopia 0.001% of the population

Trichromacy

#4d3d28 Protanomaly 1% of men, 0.01% of women
#533b25 Deuteranomaly 6% of men, 0.4% of women
#5b3632 Tritanomaly 0.01% of the population

#55311f hex color

#55311f Color Information

#55311f Color Conversion

Color Schemes with #55311f

Alternatives to #55311f

#55311f Preview

Shades and Tints of #55311f

Tones of #55311f

Color Blindness Simulator