#af581a hex color

In a RGB color space, hex #af581a is composed of 68.6% red, 34.5% green and 10.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 49.7% magenta, 85.1% yellow and 31.4% black. It has a hue angle of 25 degrees, a saturation of 74.1% and a lightness of 39.4%. #af581a color hex could be obtained by blending #ffb034 with #5f0000. Closest websafe color is: #996633.

♥
- f
- t
- g
- R 69
- G 35
- B 10
RGB color chart
- C 0
- M 50
- Y 85
- K 31
CMYK color chart

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

The hexadecimal color #af581a has RGB values of R:175, G:88, B:26 and CMYK values of C:0, M:0.5, Y:0.85, K:0.31. Its decimal value is 11491354.

Hex triplet	af581a	`#af581a`
RGB Decimal	175, 88, 26	`rgb(175,88,26)`
RGB Percent	68.6, 34.5, 10.2	`rgb(68.6%,34.5%,10.2%)`
CMYK	0, 50, 85, 31
HSL	25°, 74.1, 39.4	`hsl(25,74.1%,39.4%)`
HSV (or HSB)	25°, 85.1, 68.6
Web Safe	996633	`#996633`

CIE-LAB	47.197, 31.571, 48.73
XYZ	21.356, 16.17, 2.974
xyY	0.527, 0.399, 16.17
CIE-LCH	47.197, 58.063, 57.062
CIE-LUV	47.197, 70.724, 39.929
Hunter-Lab	40.212, 24.429, 23.764
Binary	10101111, 01011000, 00011010

#af581a
```
#af581a rgb(175,88,26)
```
#1a71af
```
#1a71af rgb(26,113,175)
```

Complementary Color

#af1a27
```
#af1a27 rgb(175,26,39)
```
#af581a
```
#af581a rgb(175,88,26)
```
#afa31a
```
#afa31a rgb(175,163,26)
```

Analogous Color

#1a27af
```
#1a27af rgb(26,39,175)
```
#af581a
```
#af581a rgb(175,88,26)
```
#1aafa3
```
#1aafa3 rgb(26,175,163)
```

Split Complementary Color

#581aaf
```
#581aaf rgb(88,26,175)
```
#af581a
```
#af581a rgb(175,88,26)
```
#1aaf58
```
#1aaf58 rgb(26,175,88)
```

Triadic Color

#af1a71
```
#af1a71 rgb(175,26,113)
```
#af581a
```
#af581a rgb(175,88,26)
```
#1aaf58
```
#1aaf58 rgb(26,175,88)
```
#1a71af
```
#1a71af rgb(26,113,175)
```

Tetradic Color

#6c3710
```
#6c3710 rgb(108,55,16)
```
#834213
```
#834213 rgb(131,66,19)
```
#994d17
```
#994d17 rgb(153,77,23)
```
#af581a
```
#af581a rgb(175,88,26)
```
#c5631d
```
#c5631d rgb(197,99,29)
```
#db6e21
```
#db6e21 rgb(219,110,33)
```
#e17c35
```
#e17c35 rgb(225,124,53)
```

Monochromatic Color

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

#af331a
```
#af331a rgb(175,51,26)
```
#af3f1a
```
#af3f1a rgb(175,63,26)
```
#af4c1a
```
#af4c1a rgb(175,76,26)
```
#af581a
```
#af581a rgb(175,88,26)
```
#af641a
```
#af641a rgb(175,100,26)
```
#af711a
```
#af711a rgb(175,113,26)
```
#af7d1a
```
#af7d1a rgb(175,125,26)
```

Similar Colors

Text with hexadecimal color #af581a

This text has a font color of #af581a.

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

#af581a background color

This paragraph has a background color of #af581a.

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

#af581a border color

This element has a border color of #af581a.

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

CSS codes

.text {color:#af581a;}

.background {background-color:#af581a;}

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

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

#040201
```
#040201 rgb(4,2,1)
```
#150b03
```
#150b03 rgb(21,11,3)
```
#261306
```
#261306 rgb(38,19,6)
```
#371c08
```
#371c08 rgb(55,28,8)
```
#49240b
```
#49240b rgb(73,36,11)
```
#5a2d0d
```
#5a2d0d rgb(90,45,13)
```
#6b3610
```
#6b3610 rgb(107,54,16)
```
#7c3e12
```
#7c3e12 rgb(124,62,18)
```
#8d4715
```
#8d4715 rgb(141,71,21)
```
#9e4f17
```
#9e4f17 rgb(158,79,23)
```
#af581a
```
#af581a rgb(175,88,26)
```
#c0611d
```
#c0611d rgb(192,97,29)
```
#d1691f
```
#d1691f rgb(209,105,31)
```

Shade Color Variation

#df7225
```
#df7225 rgb(223,114,37)
```
#e17d36
```
#e17d36 rgb(225,125,54)
```
#e48847
```
#e48847 rgb(228,136,71)
```
#e69358
```
#e69358 rgb(230,147,88)
```
#e99e6a
```
#e99e6a rgb(233,158,106)
```
#ebaa7b
```
#ebaa7b rgb(235,170,123)
```
#eeb58c
```
#eeb58c rgb(238,181,140)
```
#f0c09d
```
#f0c09d rgb(240,192,157)
```
#f3cbae
```
#f3cbae rgb(243,203,174)
```
#f5d6bf
```
#f5d6bf rgb(245,214,191)
```
#f8e1d0
```
#f8e1d0 rgb(248,225,208)
```
#fbece1
```
#fbece1 rgb(251,236,225)
```
#fdf7f2
```
#fdf7f2 rgb(253,247,242)
```

Tint Color Variation

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

#696460
```
#696460 rgb(105,100,96)
```
#716258
```
#716258 rgb(113,98,88)
```
#796150
```
#796150 rgb(121,97,80)
```
#816048
```
#816048 rgb(129,96,72)
```
#885e41
```
#885e41 rgb(136,94,65)
```
#905d39
```
#905d39 rgb(144,93,57)
```
#985c31
```
#985c31 rgb(152,92,49)
```
#a05b29
```
#a05b29 rgb(160,91,41)
```
#a75922
```
#a75922 rgb(167,89,34)
```
#af581a
```
#af581a rgb(175,88,26)
```
#b75712
```
#b75712 rgb(183,87,18)
```
#be550b
```
#be550b rgb(190,85,11)
```
#c65403
```
#c65403 rgb(198,84,3)
```

Tone Color Variation

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

#6b6b6b Achromatopsia 0.005% of the population
#79675b Atypical Achromatopsia 0.001% of the population

Dichromacy

#84772b Protanopia 1% of men
#94711d Deuteranopia 1% of men
#b55a60 Tritanopia 0.001% of the population

Trichromacy

#946c25 Protanomaly 1% of men, 0.01% of women
#9e681c Deuteranomaly 6% of men, 0.4% of women
#b35946 Tritanomaly 0.01% of the population

#af581a hex color

#af581a Color Information

#af581a Color Conversion

Color Schemes with #af581a

Alternatives to #af581a

#af581a Preview

Shades and Tints of #af581a

Tones of #af581a

Color Blindness Simulator