#a5552a hex color

In a RGB color space, hex #a5552a is composed of 64.7% red, 33.3% green and 16.5% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 48.5% magenta, 74.5% yellow and 35.3% black. It has a hue angle of 21 degrees, a saturation of 59.4% and a lightness of 40.6%. #a5552a color hex could be obtained by blending #ffaa54 with #4b0000. Closest websafe color is: #996633.

♥
- f
- t
- g
- R 65
- G 33
- B 16
RGB color chart
- C 0
- M 48
- Y 75
- K 35
CMYK color chart

● #a5552a color description : Dark orange [Brown tone].

The hexadecimal color #a5552a has RGB values of R:165, G:85, B:42 and CMYK values of C:0, M:0.48, Y:0.75, K:0.35. Its decimal value is 10835242.

Hex triplet	a5552a	`#a5552a`
RGB Decimal	165, 85, 42	`rgb(165,85,42)`
RGB Percent	64.7, 33.3, 16.5	`rgb(64.7%,33.3%,16.5%)`
CMYK	0, 48, 75, 35
HSL	21°, 59.4, 40.6	`hsl(21,59.4%,40.6%)`
HSV (or HSB)	21°, 74.5, 64.7
Web Safe	996633	`#996633`

CIE-LAB	45.172, 29.622, 38.924
XYZ	19.184, 14.665, 4.011
xyY	0.507, 0.387, 14.665
CIE-LCH	45.172, 48.913, 52.728
CIE-LUV	45.172, 63.214, 33.532
Hunter-Lab	38.295, 22.404, 20.597
Binary	10100101, 01010101, 00101010

#a5552a
```
#a5552a rgb(165,85,42)
```
#2a7aa5
```
#2a7aa5 rgb(42,122,165)
```

Complementary Color

#a52a3d
```
#a52a3d rgb(165,42,61)
```
#a5552a
```
#a5552a rgb(165,85,42)
```
#a5932a
```
#a5932a rgb(165,147,42)
```

Analogous Color

#2a3da5
```
#2a3da5 rgb(42,61,165)
```
#a5552a
```
#a5552a rgb(165,85,42)
```
#2aa593
```
#2aa593 rgb(42,165,147)
```

Split Complementary Color

#552aa5
```
#552aa5 rgb(85,42,165)
```
#a5552a
```
#a5552a rgb(165,85,42)
```
#2aa555
```
#2aa555 rgb(42,165,85)
```

Triadic Color

#a52a7a
```
#a52a7a rgb(165,42,122)
```
#a5552a
```
#a5552a rgb(165,85,42)
```
#2aa555
```
#2aa555 rgb(42,165,85)
```
#2a7aa5
```
#2a7aa5 rgb(42,122,165)
```

Tetradic Color

#68361a
```
#68361a rgb(104,54,26)
```
#7c4020
```
#7c4020 rgb(124,64,32)
```
#914b25
```
#914b25 rgb(145,75,37)
```
#a5552a
```
#a5552a rgb(165,85,42)
```
#b95f2f
```
#b95f2f rgb(185,95,47)
```
#cc6a36
```
#cc6a36 rgb(204,106,54)
```
#d17a4a
```
#d17a4a rgb(209,122,74)
```

Monochromatic Color

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

#a5362a
```
#a5362a rgb(165,54,42)
```
#a5402a
```
#a5402a rgb(165,64,42)
```
#a54b2a
```
#a54b2a rgb(165,75,42)
```
#a5552a
```
#a5552a rgb(165,85,42)
```
#a55f2a
```
#a55f2a rgb(165,95,42)
```
#a56a2a
```
#a56a2a rgb(165,106,42)
```
#a5742a
```
#a5742a rgb(165,116,42)
```

Similar Colors

Text with hexadecimal color #a5552a

This text has a font color of #a5552a.

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

#a5552a background color

This paragraph has a background color of #a5552a.

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

#a5552a border color

This element has a border color of #a5552a.

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

CSS codes

.text {color:#a5552a;}

.background {background-color:#a5552a;}

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

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

#090402
```
#090402 rgb(9,4,2)
```
#180d06
```
#180d06 rgb(24,13,6)
```
#28150a
```
#28150a rgb(40,21,10)
```
#381d0e
```
#381d0e rgb(56,29,14)
```
#472512
```
#472512 rgb(71,37,18)
```
#572d16
```
#572d16 rgb(87,45,22)
```
#66351a
```
#66351a rgb(102,53,26)
```
#763d1e
```
#763d1e rgb(118,61,30)
```
#864522
```
#864522 rgb(134,69,34)
```
#954d26
```
#954d26 rgb(149,77,38)
```
#a5552a
```
#a5552a rgb(165,85,42)
```
#b55d2e
```
#b55d2e rgb(181,93,46)
```
#c46532
```
#c46532 rgb(196,101,50)
```

Shade Color Variation

#cd6f3c
```
#cd6f3c rgb(205,111,60)
```
#d17b4c
```
#d17b4c rgb(209,123,76)
```
#d5865c
```
#d5865c rgb(213,134,92)
```
#d9926b
```
#d9926b rgb(217,146,107)
```
#dd9d7b
```
#dd9d7b rgb(221,157,123)
```
#e1a98b
```
#e1a98b rgb(225,169,139)
```
#e5b49a
```
#e5b49a rgb(229,180,154)
```
#e9c0aa
```
#e9c0aa rgb(233,192,170)
```
#edccb9
```
#edccb9 rgb(237,204,185)
```
#f1d7c9
```
#f1d7c9 rgb(241,215,201)
```
#f5e3d9
```
#f5e3d9 rgb(245,227,217)
```
#f9eee8
```
#f9eee8 rgb(249,238,232)
```
#fdfaf8
```
#fdfaf8 rgb(253,250,248)
```

Tint Color Variation

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

#6d6662
```
#6d6662 rgb(109,102,98)
```
#75635a
```
#75635a rgb(117,99,90)
```
#7d6152
```
#7d6152 rgb(125,97,82)
```
#855f4a
```
#855f4a rgb(133,95,74)
```
#8d5c42
```
#8d5c42 rgb(141,92,66)
```
#955a3a
```
#955a3a rgb(149,90,58)
```
#9d5732
```
#9d5732 rgb(157,87,50)
```
#a5552a
```
#a5552a rgb(165,85,42)
```
#ad5322
```
#ad5322 rgb(173,83,34)
```
#b5501a
```
#b5501a rgb(181,80,26)
```
#bd4e12
```
#bd4e12 rgb(189,78,18)
```
#c54b0a
```
#c54b0a rgb(197,75,10)
```
#cd4902
```
#cd4902 rgb(205,73,2)
```

Tone Color Variation

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

#686868 Achromatopsia 0.005% of the population
#74645c Atypical Achromatopsia 0.001% of the population

Dichromacy

#7e723b Protanopia 1% of men
#8d6d30 Deuteranopia 1% of men
#ab595e Tritanopia 0.001% of the population

Trichromacy

#8c6734 Protanomaly 1% of men, 0.01% of women
#95642d Deuteranomaly 6% of men, 0.4% of women
#a9574b Tritanomaly 0.01% of the population

#a5552a hex color

#a5552a Color Information

#a5552a Color Conversion

Color Schemes with #a5552a

Alternatives to #a5552a

#a5552a Preview

Shades and Tints of #a5552a

Tones of #a5552a

Color Blindness Simulator