#af5f1a hex color

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

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

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

The hexadecimal color #af5f1a has RGB values of R:175, G:95, B:26 and CMYK values of C:0, M:0.46, Y:0.85, K:0.31. Its decimal value is 11493146.

Hex triplet	af5f1a	`#af5f1a`
RGB Decimal	175, 95, 26	`rgb(175,95,26)`
RGB Percent	68.6, 37.3, 10.2	`rgb(68.6%,37.3%,10.2%)`
CMYK	0, 46, 85, 31
HSL	27.8°, 74.1, 39.4	`hsl(27.8,74.1%,39.4%)`
HSV (or HSB)	27.8°, 85.1, 68.6
Web Safe	996633	`#996633`

CIE-LAB	48.729, 27.798, 50.046
XYZ	21.959, 17.375, 3.175
xyY	0.517, 0.409, 17.375
CIE-LCH	48.729, 57.248, 60.95
CIE-LUV	48.729, 65.156, 42.441
Hunter-Lab	41.683, 21.088, 24.663
Binary	10101111, 01011111, 00011010

#af5f1a
```
#af5f1a rgb(175,95,26)
```
#1a6aaf
```
#1a6aaf rgb(26,106,175)
```

Complementary Color

#af1a20
```
#af1a20 rgb(175,26,32)
```
#af5f1a
```
#af5f1a rgb(175,95,26)
```
#afaa1a
```
#afaa1a rgb(175,170,26)
```

Analogous Color

#1a1faf
```
#1a1faf rgb(26,31,175)
```
#af5f1a
```
#af5f1a rgb(175,95,26)
```
#1aafaa
```
#1aafaa rgb(26,175,170)
```

Split Complementary Color

#5f1aaf
```
#5f1aaf rgb(95,26,175)
```
#af5f1a
```
#af5f1a rgb(175,95,26)
```
#1aaf5f
```
#1aaf5f rgb(26,175,95)
```

Triadic Color

#af1a6a
```
#af1a6a rgb(175,26,106)
```
#af5f1a
```
#af5f1a rgb(175,95,26)
```
#1aaf5f
```
#1aaf5f rgb(26,175,95)
```
#1a6aaf
```
#1a6aaf rgb(26,106,175)
```

Tetradic Color

#6c3b10
```
#6c3b10 rgb(108,59,16)
```
#834713
```
#834713 rgb(131,71,19)
```
#995317
```
#995317 rgb(153,83,23)
```
#af5f1a
```
#af5f1a rgb(175,95,26)
```
#c56b1d
```
#c56b1d rgb(197,107,29)
```
#db7721
```
#db7721 rgb(219,119,33)
```
#e18435
```
#e18435 rgb(225,132,53)
```

Monochromatic Color

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

#af3a1a
```
#af3a1a rgb(175,58,26)
```
#af461a
```
#af461a rgb(175,70,26)
```
#af531a
```
#af531a rgb(175,83,26)
```
#af5f1a
```
#af5f1a rgb(175,95,26)
```
#af6b1a
```
#af6b1a rgb(175,107,26)
```
#af781a
```
#af781a rgb(175,120,26)
```
#af841a
```
#af841a rgb(175,132,26)
```

Similar Colors

Text with hexadecimal color #af5f1a

This text has a font color of #af5f1a.

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

#af5f1a background color

This paragraph has a background color of #af5f1a.

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

#af5f1a border color

This element has a border color of #af5f1a.

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

CSS codes

.text {color:#af5f1a;}

.background {background-color:#af5f1a;}

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

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)
```
#150c03
```
#150c03 rgb(21,12,3)
```
#261506
```
#261506 rgb(38,21,6)
```
#371e08
```
#371e08 rgb(55,30,8)
```
#49270b
```
#49270b rgb(73,39,11)
```
#5a310d
```
#5a310d rgb(90,49,13)
```
#6b3a10
```
#6b3a10 rgb(107,58,16)
```
#7c4312
```
#7c4312 rgb(124,67,18)
```
#8d4c15
```
#8d4c15 rgb(141,76,21)
```
#9e5617
```
#9e5617 rgb(158,86,23)
```
#af5f1a
```
#af5f1a rgb(175,95,26)
```
#c0681d
```
#c0681d rgb(192,104,29)
```
#d1721f
```
#d1721f rgb(209,114,31)
```

Shade Color Variation

#df7b25
```
#df7b25 rgb(223,123,37)
```
#e18536
```
#e18536 rgb(225,133,54)
```
#e49047
```
#e49047 rgb(228,144,71)
```
#e69a58
```
#e69a58 rgb(230,154,88)
```
#e9a46a
```
#e9a46a rgb(233,164,106)
```
#ebaf7b
```
#ebaf7b rgb(235,175,123)
```
#eeb98c
```
#eeb98c rgb(238,185,140)
```
#f0c39d
```
#f0c39d rgb(240,195,157)
```
#f3ceae
```
#f3ceae rgb(243,206,174)
```
#f5d8bf
```
#f5d8bf rgb(245,216,191)
```
#f8e3d0
```
#f8e3d0 rgb(248,227,208)
```
#fbede1
```
#fbede1 rgb(251,237,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 #c65d03 is the most saturated one.

#696460
```
#696460 rgb(105,100,96)
```
#716458
```
#716458 rgb(113,100,88)
```
#796350
```
#796350 rgb(121,99,80)
```
#816248
```
#816248 rgb(129,98,72)
```
#886241
```
#886241 rgb(136,98,65)
```
#906139
```
#906139 rgb(144,97,57)
```
#986131
```
#986131 rgb(152,97,49)
```
#a06029
```
#a06029 rgb(160,96,41)
```
#a76022
```
#a76022 rgb(167,96,34)
```
#af5f1a
```
#af5f1a rgb(175,95,26)
```
#b75e12
```
#b75e12 rgb(183,94,18)
```
#be5e0b
```
#be5e0b rgb(190,94,11)
```
#c65d03
```
#c65d03 rgb(198,93,3)
```

Tone Color Variation

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

#6f6f6f Achromatopsia 0.005% of the population
#7c6c5e Atypical Achromatopsia 0.001% of the population

Dichromacy

#897b2b Protanopia 1% of men
#99751e Deuteranopia 1% of men
#b66167 Tritanopia 0.001% of the population

Trichromacy

#967024 Protanomaly 1% of men, 0.01% of women
#a16d1d Deuteranomaly 6% of men, 0.4% of women
#b3604b Tritanomaly 0.01% of the population

#af5f1a hex color

#af5f1a Color Information

#af5f1a Color Conversion

Color Schemes with #af5f1a

Alternatives to #af5f1a

#af5f1a Preview

Shades and Tints of #af5f1a

Tones of #af5f1a

Color Blindness Simulator