colorhexa.com

#af8b1a hex color

In a RGB color space, hex #af8b1a is composed of 68.6% red, 54.5% green and 10.2% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 20.6% magenta, 85.1% yellow and 31.4% black. It has a hue angle of 45.5 degrees, a saturation of 74.1% and a lightness of 39.4%. #af8b1a color hex could be obtained by blending #ffff34 with #5f1700. Closest websafe color is: #999933.

- R 69
- G 55
- B 10
RGB color chart
- C 0
- M 21
- Y 85
- K 31
CMYK color chart

● #af8b1a color description : Dark yellow [Olive tone].

The hexadecimal color #af8b1a has RGB values of R:175, G:139, B:26 and CMYK values of C:0, M:0.21, Y:0.85, K:0.31. Its decimal value is 11504410.

Hex triplet	af8b1a	`#af8b1a`
RGB Decimal	175, 139, 26	`rgb(175,139,26)`
RGB Percent	68.6, 54.5, 10.2	`rgb(68.6%,54.5%,10.2%)`
CMYK	0, 21, 85, 31
HSL	45.5°, 74.1, 39.4	`hsl(45.5,74.1%,39.4%)`
HSV (or HSB)	45.5°, 85.1, 68.6
Web Safe	999933	`#999933`

CIE-LAB	59.576, 3.326, 59.223
XYZ	27.099, 27.655, 4.888
xyY	0.454, 0.464, 27.655
CIE-LCH	59.576, 59.316, 86.785
CIE-LUV	59.576, 30.64, 59.468
Hunter-Lab	52.588, -0.048, 31.301
Binary	10101111, 10001011, 00011010

#af8b1a
```
#af8b1a rgb(175,139,26)
```
#1a3eaf
```
#1a3eaf rgb(26,62,175)
```

Complementary Color

#af401a
```
#af401a rgb(175,64,26)
```
#af8b1a
```
#af8b1a rgb(175,139,26)
```
#89af1a
```
#89af1a rgb(137,175,26)
```

Analogous Color

#401aaf
```
#401aaf rgb(64,26,175)
```
#af8b1a
```
#af8b1a rgb(175,139,26)
```
#1a89af
```
#1a89af rgb(26,137,175)
```

Split Complementary Color

#8b1aaf
```
#8b1aaf rgb(139,26,175)
```
#af8b1a
```
#af8b1a rgb(175,139,26)
```
#1aaf8b
```
#1aaf8b rgb(26,175,139)
```

Triadic Color

#af1a3e
```
#af1a3e rgb(175,26,62)
```
#af8b1a
```
#af8b1a rgb(175,139,26)
```
#1aaf8b
```
#1aaf8b rgb(26,175,139)
```
#1a3eaf
```
#1a3eaf rgb(26,62,175)
```

Tetradic Color

#6c5610
```
#6c5610 rgb(108,86,16)
```
#836813
```
#836813 rgb(131,104,19)
```
#997917
```
#997917 rgb(153,121,23)
```
#af8b1a
```
#af8b1a rgb(175,139,26)
```
#c59d1d
```
#c59d1d rgb(197,157,29)
```
#dbae21
```
#dbae21 rgb(219,174,33)
```
#e1b735
```
#e1b735 rgb(225,183,53)
```

Monochromatic Color

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

#af661a
```
#af661a rgb(175,102,26)
```
#af721a
```
#af721a rgb(175,114,26)
```
#af7f1a
```
#af7f1a rgb(175,127,26)
```
#af8b1a
```
#af8b1a rgb(175,139,26)
```
#af971a
```
#af971a rgb(175,151,26)
```
#afa41a
```
#afa41a rgb(175,164,26)
```
#aeaf1a
```
#aeaf1a rgb(174,175,26)
```

Similar Colors

Text with hexadecimal color #af8b1a

This text has a font color of #af8b1a.

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

#af8b1a background color

This paragraph has a background color of #af8b1a.

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

#af8b1a border color

This element has a border color of #af8b1a.

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

CSS codes

.text {color:#af8b1a;}

.background {background-color:#af8b1a;}

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

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

#040301
```
#040301 rgb(4,3,1)
```
#151103
```
#151103 rgb(21,17,3)
```
#261e06
```
#261e06 rgb(38,30,6)
```
#372c08
```
#372c08 rgb(55,44,8)
```
#493a0b
```
#493a0b rgb(73,58,11)
```
#5a470d
```
#5a470d rgb(90,71,13)
```
#6b5510
```
#6b5510 rgb(107,85,16)
```
#7c6212
```
#7c6212 rgb(124,98,18)
```
#8d7015
```
#8d7015 rgb(141,112,21)
```
#9e7d17
```
#9e7d17 rgb(158,125,23)
```
#af8b1a
```
#af8b1a rgb(175,139,26)
```
#c0991d
```
#c0991d rgb(192,153,29)
```
#d1a61f
```
#d1a61f rgb(209,166,31)
```

Shade Color Variation

#dfb225
```
#dfb225 rgb(223,178,37)
```
#e1b836
```
#e1b836 rgb(225,184,54)
```
#e4be47
```
#e4be47 rgb(228,190,71)
```
#e6c458
```
#e6c458 rgb(230,196,88)
```
#e9ca6a
```
#e9ca6a rgb(233,202,106)
```
#ebd07b
```
#ebd07b rgb(235,208,123)
```
#eed68c
```
#eed68c rgb(238,214,140)
```
#f0dc9d
```
#f0dc9d rgb(240,220,157)
```
#f3e2ae
```
#f3e2ae rgb(243,226,174)
```
#f5e8bf
```
#f5e8bf rgb(245,232,191)
```
#f8eed0
```
#f8eed0 rgb(248,238,208)
```
#fbf4e1
```
#fbf4e1 rgb(251,244,225)
```
#fdfaf2
```
#fdfaf2 rgb(253,250,242)
```

Tint Color Variation

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

#696760
```
#696760 rgb(105,103,96)
```
#716b58
```
#716b58 rgb(113,107,88)
```
#796f50
```
#796f50 rgb(121,111,80)
```
#817348
```
#817348 rgb(129,115,72)
```
#887741
```
#887741 rgb(136,119,65)
```
#907b39
```
#907b39 rgb(144,123,57)
```
#987f31
```
#987f31 rgb(152,127,49)
```
#a08329
```
#a08329 rgb(160,131,41)
```
#a78722
```
#a78722 rgb(167,135,34)
```
#af8b1a
```
#af8b1a rgb(175,139,26)
```
#b78f12
```
#b78f12 rgb(183,143,18)
```
#be930b
```
#be930b rgb(190,147,11)
```
#c69703
```
#c69703 rgb(198,151,3)
```

Tone Color Variation

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

#898989 Achromatopsia 0.005% of the population
#918973 Atypical Achromatopsia 0.001% of the population

Dichromacy

#a69527 Protanopia 1% of men
#b98e27 Deuteranopia 1% of men
#ba8791 Tritanopia 0.001% of the population

Trichromacy

#a99122 Protanomaly 1% of men, 0.01% of women
#b58d22 Deuteranomaly 6% of men, 0.4% of women
#b68865 Tritanomaly 0.01% of the population