colorhexa.com

#afb824 hex color

In a RGB color space, hex #afb824 is composed of 68.6% red, 72.2% green and 14.1% blue. Whereas in a CMYK color space, it is composed of 4.9% cyan, 0% magenta, 80.4% yellow and 27.8% black. It has a hue angle of 63.6 degrees, a saturation of 67.3% and a lightness of 43.1%. #afb824 color hex could be obtained by blending #ffff48 with #5f7100. Closest websafe color is: #99cc33.

- R 69
- G 72
- B 14
RGB color chart
- C 5
- M 0
- Y 80
- K 28
CMYK color chart

● #afb824 color description : Strong yellow.

The hexadecimal color #afb824 has RGB values of R:175, G:184, B:36 and CMYK values of C:0.05, M:0, Y:0.8, K:0.28. Its decimal value is 11515940.

Hex triplet	afb824	`#afb824`
RGB Decimal	175, 184, 36	`rgb(175,184,36)`
RGB Percent	68.6, 72.2, 14.1	`rgb(68.6%,72.2%,14.1%)`
CMYK	5, 0, 80, 28
HSL	63.6°, 67.3, 43.1	`hsl(63.6,67.3%,43.1%)`
HSV (or HSB)	63.6°, 80.4, 72.2
Web Safe	99cc33	`#99cc33`

CIE-LAB	71.908, -20.062, 67.043
XYZ	35.138, 43.523, 8.219
xyY	0.404, 0.501, 43.523
CIE-LCH	71.908, 69.98, 106.66
CIE-LUV	71.908, -0.571, 76.019
Hunter-Lab	65.972, -20.377, 38.794
Binary	10101111, 10111000, 00100100

#afb824
```
#afb824 rgb(175,184,36)
```
#2d24b8
```
#2d24b8 rgb(45,36,184)
```

Complementary Color

#b87724
```
#b87724 rgb(184,119,36)
```
#afb824
```
#afb824 rgb(175,184,36)
```
#65b824
```
#65b824 rgb(101,184,36)
```

Analogous Color

#7724b8
```
#7724b8 rgb(119,36,184)
```
#afb824
```
#afb824 rgb(175,184,36)
```
#2465b8
```
#2465b8 rgb(36,101,184)
```

Split Complementary Color

#b824af
```
#b824af rgb(184,36,175)
```
#afb824
```
#afb824 rgb(175,184,36)
```
#24afb8
```
#24afb8 rgb(36,175,184)
```

Triadic Color

#b82d24
```
#b82d24 rgb(184,45,36)
```
#afb824
```
#afb824 rgb(175,184,36)
```
#24afb8
```
#24afb8 rgb(36,175,184)
```
#2d24b8
```
#2d24b8 rgb(45,36,184)
```

Tetradic Color

#727817
```
#727817 rgb(114,120,23)
```
#868d1c
```
#868d1c rgb(134,141,28)
```
#9ba320
```
#9ba320 rgb(155,163,32)
```
#afb824
```
#afb824 rgb(175,184,36)
```
#c3cd28
```
#c3cd28 rgb(195,205,40)
```
#ced837
```
#ced837 rgb(206,216,55)
```
#d3dc4c
```
#d3dc4c rgb(211,220,76)
```

Monochromatic Color

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

#b89c24
```
#b89c24 rgb(184,156,36)
```
#b8a824
```
#b8a824 rgb(184,168,36)
```
#b8b524
```
#b8b524 rgb(184,181,36)
```
#afb824
```
#afb824 rgb(175,184,36)
```
#a3b824
```
#a3b824 rgb(163,184,36)
```
#96b824
```
#96b824 rgb(150,184,36)
```
#8ab824
```
#8ab824 rgb(138,184,36)
```

Similar Colors

Text with hexadecimal color #afb824

This text has a font color of #afb824.

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

#afb824 background color

This paragraph has a background color of #afb824.

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

#afb824 border color

This element has a border color of #afb824.

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

CSS codes

.text {color:#afb824;}

.background {background-color:#afb824;}

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

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

#030401
```
#030401 rgb(3,4,1)
```
#131404
```
#131404 rgb(19,20,4)
```
#232407
```
#232407 rgb(35,36,7)
```
#32350a
```
#32350a rgb(50,53,10)
```
#42450e
```
#42450e rgb(66,69,14)
```
#515611
```
#515611 rgb(81,86,17)
```
#616614
```
#616614 rgb(97,102,20)
```
#717617
```
#717617 rgb(113,118,23)
```
#80871a
```
#80871a rgb(128,135,26)
```
#90971e
```
#90971e rgb(144,151,30)
```
#9fa821
```
#9fa821 rgb(159,168,33)
```
#afb824
```
#afb824 rgb(175,184,36)
```
#bfc827
```
#bfc827 rgb(191,200,39)
```

Shade Color Variation

#ccd62d
```
#ccd62d rgb(204,214,45)
```
#d0d93e
```
#d0d93e rgb(208,217,62)
```
#d4dc4e
```
#d4dc4e rgb(212,220,78)
```
#d8e05e
```
#d8e05e rgb(216,224,94)
```
#dce36f
```
#dce36f rgb(220,227,111)
```
#e0e67f
```
#e0e67f rgb(224,230,127)
```
#e4e990
```
#e4e990 rgb(228,233,144)
```
#e8eca0
```
#e8eca0 rgb(232,236,160)
```
#ecf0b1
```
#ecf0b1 rgb(236,240,177)
```
#f0f3c1
```
#f0f3c1 rgb(240,243,193)
```
#f4f6d1
```
#f4f6d1 rgb(244,246,209)
```
#f8f9e2
```
#f8f9e2 rgb(248,249,226)
```
#fcfcf2
```
#fcfcf2 rgb(252,252,242)
```

Tint Color Variation

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

#747468
```
#747468 rgb(116,116,104)
```
#7b7d5f
```
#7b7d5f rgb(123,125,95)
```
#828557
```
#828557 rgb(130,133,87)
```
#8a8e4e
```
#8a8e4e rgb(138,142,78)
```
#919646
```
#919646 rgb(145,150,70)
```
#999f3d
```
#999f3d rgb(153,159,61)
```
#a0a735
```
#a0a735 rgb(160,167,53)
```
#a8b02c
```
#a8b02c rgb(168,176,44)
```
#afb824
```
#afb824 rgb(175,184,36)
```
#b6c01c
```
#b6c01c rgb(182,192,28)
```
#bec913
```
#bec913 rgb(190,201,19)
```
#c5d10b
```
#c5d10b rgb(197,209,11)
```
#cdda02
```
#cdda02 rgb(205,218,2)
```

Tone Color Variation

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

#a4a4a4 Achromatopsia 0.005% of the population
#a6a88a Atypical Achromatopsia 0.001% of the population

Dichromacy

#c9b42d Protanopia 1% of men
#e0ab38 Deuteranopia 1% of men
#c0afbc Tritanopia 0.001% of the population

Trichromacy

#c0b52a Protanomaly 1% of men, 0.01% of women
#ceb031 Deuteranomaly 6% of men, 0.4% of women
#bab284 Tritanomaly 0.01% of the population