#552e16 hex color

In a RGB color space, hex #552e16 is composed of 33.3% red, 18% green and 8.6% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 45.9% magenta, 74.1% yellow and 66.7% black. It has a hue angle of 22.9 degrees, a saturation of 58.9% and a lightness of 21%. #552e16 color hex could be obtained by blending #aa5c2c with #000000. Closest websafe color is: #663300.

♥
- f
- t
- g
- R 33
- G 18
- B 9
RGB color chart
- C 0
- M 46
- Y 74
- K 67
CMYK color chart

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

The hexadecimal color #552e16 has RGB values of R:85, G:46, B:22 and CMYK values of C:0, M:0.46, Y:0.74, K:0.67. Its decimal value is 5582358.

Hex triplet	552e16	`#552e16`
RGB Decimal	85, 46, 22	`rgb(85,46,22)`
RGB Percent	33.3, 18, 8.6	`rgb(33.3%,18%,8.6%)`
CMYK	0, 46, 74, 67
HSL	22.9°, 58.9, 21	`hsl(22.9,58.9%,21%)`
HSV (or HSB)	22.9°, 74.1, 33.3
Web Safe	663300	`#663300`

CIE-LAB	23.484, 15.497, 22.793
XYZ	4.868, 3.944, 1.264
xyY	0.483, 0.391, 3.944
CIE-LCH	23.484, 27.562, 55.788
CIE-LUV	23.484, 27.267, 16.805
Hunter-Lab	19.858, 9.006, 10.128
Binary	01010101, 00101110, 00010110

#552e16
```
#552e16 rgb(85,46,22)
```
#163d55
```
#163d55 rgb(22,61,85)
```

Complementary Color

#55161e
```
#55161e rgb(85,22,30)
```
#552e16
```
#552e16 rgb(85,46,22)
```
#554e16
```
#554e16 rgb(85,78,22)
```

Analogous Color

#161e55
```
#161e55 rgb(22,30,85)
```
#552e16
```
#552e16 rgb(85,46,22)
```
#16554e
```
#16554e rgb(22,85,78)
```

Split Complementary Color

#2e1655
```
#2e1655 rgb(46,22,85)
```
#552e16
```
#552e16 rgb(85,46,22)
```
#16552e
```
#16552e rgb(22,85,46)
```

Triadic Color

#55163d
```
#55163d rgb(85,22,61)
```
#552e16
```
#552e16 rgb(85,46,22)
```
#16552e
```
#16552e rgb(22,85,46)
```
#163d55
```
#163d55 rgb(22,61,85)
```

Tetradic Color

#180d06
```
#180d06 rgb(24,13,6)
```
#2c180c
```
#2c180c rgb(44,24,12)
```
#412311
```
#412311 rgb(65,35,17)
```
#552e16
```
#552e16 rgb(85,46,22)
```
#69391b
```
#69391b rgb(105,57,27)
```
#7e4420
```
#7e4420 rgb(126,68,32)
```
#924f26
```
#924f26 rgb(146,79,38)
```

Monochromatic Color

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

#551e16
```
#551e16 rgb(85,30,22)
```
#552416
```
#552416 rgb(85,36,22)
```
#552916
```
#552916 rgb(85,41,22)
```
#552e16
```
#552e16 rgb(85,46,22)
```
#553316
```
#553316 rgb(85,51,22)
```
#553916
```
#553916 rgb(85,57,22)
```
#553e16
```
#553e16 rgb(85,62,22)
```

Similar Colors

Text with hexadecimal color #552e16

This text has a font color of #552e16.

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

#552e16 background color

This paragraph has a background color of #552e16.

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

#552e16 border color

This element has a border color of #552e16.

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

CSS codes

.text {color:#552e16;}

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

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

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

#070402
```
#070402 rgb(7,4,2)
```
#170c06
```
#170c06 rgb(23,12,6)
```
#26150a
```
#26150a rgb(38,21,10)
```
#361d0e
```
#361d0e rgb(54,29,14)
```
#452612
```
#452612 rgb(69,38,18)
```
#552e16
```
#552e16 rgb(85,46,22)
```
#65361a
```
#65361a rgb(101,54,26)
```
#743f1e
```
#743f1e rgb(116,63,30)
```
#844722
```
#844722 rgb(132,71,34)
```
#935026
```
#935026 rgb(147,80,38)
```
#a3582a
```
#a3582a rgb(163,88,42)
```
#b2612e
```
#b2612e rgb(178,97,46)
```
#c26932
```
#c26932 rgb(194,105,50)
```

Shade Color Variation

#cc733c
```
#cc733c rgb(204,115,60)
```
#d07e4b
```
#d07e4b rgb(208,126,75)
```
#d4895b
```
#d4895b rgb(212,137,91)
```
#d9946a
```
#d9946a rgb(217,148,106)
```
#dd9f7a
```
#dd9f7a rgb(221,159,122)
```
#e1ab89
```
#e1ab89 rgb(225,171,137)
```
#e5b699
```
#e5b699 rgb(229,182,153)
```
#e9c1a9
```
#e9c1a9 rgb(233,193,169)
```
#edccb8
```
#edccb8 rgb(237,204,184)
```
#f1d7c8
```
#f1d7c8 rgb(241,215,200)
```
#f5e3d7
```
#f5e3d7 rgb(245,227,215)
```
#f9eee7
```
#f9eee7 rgb(249,238,231)
```
#fdf9f7
```
#fdf9f7 rgb(253,249,247)
```

Tint Color Variation

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

#383533
```
#383533 rgb(56,53,51)
```
#3c342f
```
#3c342f rgb(60,52,47)
```
#40332b
```
#40332b rgb(64,51,43)
```
#453226
```
#453226 rgb(69,50,38)
```
#493122
```
#493122 rgb(73,49,34)
```
#4d301e
```
#4d301e rgb(77,48,30)
```
#512f1a
```
#512f1a rgb(81,47,26)
```
#552e16
```
#552e16 rgb(85,46,22)
```
#592d12
```
#592d12 rgb(89,45,18)
```
#5d2c0e
```
#5d2c0e rgb(93,44,14)
```
#612b0a
```
#612b0a rgb(97,43,10)
```
#652a06
```
#652a06 rgb(101,42,6)
```
#6a2901
```
#6a2901 rgb(106,41,1)
```

Tone Color Variation

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

#373737 Achromatopsia 0.005% of the population
#3d3530 Atypical Achromatopsia 0.001% of the population

Dichromacy

#484225 Protanopia 1% of men
#513f20 Deuteranopia 1% of men
#5f3639 Tritanopia 0.001% of the population

Trichromacy

#4d3a1f Protanomaly 1% of men, 0.01% of women
#52391c Deuteranomaly 6% of men, 0.4% of women
#5b332c Tritanomaly 0.01% of the population

#552e16 hex color

#552e16 Color Information

#552e16 Color Conversion

Color Schemes with #552e16

Alternatives to #552e16

#552e16 Preview

Shades and Tints of #552e16

Tones of #552e16

Color Blindness Simulator