colorhexa.com

#a33f1d hex color

In a RGB color space, hex #a33f1d is composed of 63.9% red, 24.7% green and 11.4% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 61.3% magenta, 82.2% yellow and 36.1% black. It has a hue angle of 15.2 degrees, a saturation of 69.8% and a lightness of 37.6%. #a33f1d color hex could be obtained by blending #ff7e3a with #470000. Closest websafe color is: #993333.

- R 64
- G 25
- B 11
RGB color chart
- C 0
- M 61
- Y 82
- K 36
CMYK color chart

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

The hexadecimal color #a33f1d has RGB values of R:163, G:63, B:29 and CMYK values of C:0, M:0.61, Y:0.82, K:0.36. Its decimal value is 10698525.

Hex triplet	a33f1d	`#a33f1d`
RGB Decimal	163, 63, 29	`rgb(163,63,29)`
RGB Percent	63.9, 24.7, 11.4	`rgb(63.9%,24.7%,11.4%)`
CMYK	0, 61, 82, 36
HSL	15.2°, 69.8, 37.6	`hsl(15.2,69.8%,37.6%)`
HSV (or HSB)	15.2°, 82.2, 63.9
Web Safe	993333	`#993333`

CIE-LAB	40.299, 39.62, 40.464
XYZ	17.104, 11.432, 2.468
xyY	0.552, 0.369, 11.432
CIE-LCH	40.299, 56.631, 45.603
CIE-LUV	40.299, 79.235, 29.669
Hunter-Lab	33.811, 31.129, 19.34
Binary	10100011, 00111111, 00011101

#a33f1d
```
#a33f1d rgb(163,63,29)
```
#1d81a3
```
#1d81a3 rgb(29,129,163)
```

Complementary Color

#a31d3e
```
#a31d3e rgb(163,29,62)
```
#a33f1d
```
#a33f1d rgb(163,63,29)
```
#a3821d
```
#a3821d rgb(163,130,29)
```

Analogous Color

#1d3ea3
```
#1d3ea3 rgb(29,62,163)
```
#a33f1d
```
#a33f1d rgb(163,63,29)
```
#1da382
```
#1da382 rgb(29,163,130)
```

Split Complementary Color

#3f1da3
```
#3f1da3 rgb(63,29,163)
```
#a33f1d
```
#a33f1d rgb(163,63,29)
```
#1da33f
```
#1da33f rgb(29,163,63)
```

Triadic Color

#a31d81
```
#a31d81 rgb(163,29,129)
```
#a33f1d
```
#a33f1d rgb(163,63,29)
```
#1da33f
```
#1da33f rgb(29,163,63)
```
#1d81a3
```
#1d81a3 rgb(29,129,163)
```

Tetradic Color

#622611
```
#622611 rgb(98,38,17)
```
#782e15
```
#782e15 rgb(120,46,21)
```
#8d3719
```
#8d3719 rgb(141,55,25)
```
#a33f1d
```
#a33f1d rgb(163,63,29)
```
#b94721
```
#b94721 rgb(185,71,33)
```
#ce5025
```
#ce5025 rgb(206,80,37)
```
#db5d32
```
#db5d32 rgb(219,93,50)
```

Monochromatic Color

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

#a31e1d
```
#a31e1d rgb(163,30,29)
```
#a3291d
```
#a3291d rgb(163,41,29)
```
#a3341d
```
#a3341d rgb(163,52,29)
```
#a33f1d
```
#a33f1d rgb(163,63,29)
```
#a34a1d
```
#a34a1d rgb(163,74,29)
```
#a3551d
```
#a3551d rgb(163,85,29)
```
#a3611d
```
#a3611d rgb(163,97,29)
```

Similar Colors

Text with hexadecimal color #a33f1d

This text has a font color of #a33f1d.

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

#a33f1d background color

This paragraph has a background color of #a33f1d.

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

#a33f1d border color

This element has a border color of #a33f1d.

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

CSS codes

.text {color:#a33f1d;}

.background {background-color:#a33f1d;}

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

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

#0d0502
```
#0d0502 rgb(13,5,2)
```
#1e0c05
```
#1e0c05 rgb(30,12,5)
```
#2e1208
```
#2e1208 rgb(46,18,8)
```
#3f180b
```
#3f180b rgb(63,24,11)
```
#501f0e
```
#501f0e rgb(80,31,14)
```
#602511
```
#602511 rgb(96,37,17)
```
#712c14
```
#712c14 rgb(113,44,20)
```
#823217
```
#823217 rgb(130,50,23)
```
#92391a
```
#92391a rgb(146,57,26)
```
#a33f1d
```
#a33f1d rgb(163,63,29)
```
#b44520
```
#b44520 rgb(180,69,32)
```
#c44c23
```
#c44c23 rgb(196,76,35)
```
#d55226
```
#d55226 rgb(213,82,38)
```

Shade Color Variation

#db5e34
```
#db5e34 rgb(219,94,52)
```
#de6b44
```
#de6b44 rgb(222,107,68)
```
#e17855
```
#e17855 rgb(225,120,85)
```
#e48666
```
#e48666 rgb(228,134,102)
```
#e79376
```
#e79376 rgb(231,147,118)
```
#eaa087
```
#eaa087 rgb(234,160,135)
```
#edad98
```
#edad98 rgb(237,173,152)
```
#f0baa8
```
#f0baa8 rgb(240,186,168)
```
#f3c7b9
```
#f3c7b9 rgb(243,199,185)
```
#f5d5ca
```
#f5d5ca rgb(245,213,202)
```
#f8e2da
```
#f8e2da rgb(248,226,218)
```
#fbefeb
```
#fbefeb rgb(251,239,235)
```
#fefcfb
```
#fefcfb rgb(254,252,251)
```

Tint Color Variation

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

#61605f
```
#61605f rgb(97,96,95)
```
#685c58
```
#685c58 rgb(104,92,88)
```
#6f5851
```
#6f5851 rgb(111,88,81)
```
#775549
```
#775549 rgb(119,85,73)
```
#7e5142
```
#7e5142 rgb(126,81,66)
```
#854e3b
```
#854e3b rgb(133,78,59)
```
#8d4a33
```
#8d4a33 rgb(141,74,51)
```
#94462c
```
#94462c rgb(148,70,44)
```
#9c4324
```
#9c4324 rgb(156,67,36)
```
#a33f1d
```
#a33f1d rgb(163,63,29)
```
#aa3b16
```
#aa3b16 rgb(170,59,22)
```
#b2380e
```
#b2380e rgb(178,56,14)
```
#b93407
```
#b93407 rgb(185,52,7)
```

Tone Color Variation

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

#595959 Achromatopsia 0.005% of the population
#68544d Atypical Achromatopsia 0.001% of the population

Dichromacy

#726730 Protanopia 1% of men
#80621f Deuteranopia 1% of men
#a94549 Tritanopia 0.001% of the population

Trichromacy

#835829 Protanomaly 1% of men, 0.01% of women
#8d551e Deuteranomaly 6% of men, 0.4% of women
#a64339 Tritanomaly 0.01% of the population