#afb548 hex color

In a RGB color space, hex #afb548 is composed of 68.6% red, 71% green and 28.2% blue. Whereas in a CMYK color space, it is composed of 3.3% cyan, 0% magenta, 60.2% yellow and 29% black. It has a hue angle of 63.3 degrees, a saturation of 43.1% and a lightness of 49.6%. #afb548 color hex could be obtained by blending #ffff90 with #5f6b00. Closest websafe color is: #99cc33.

♥
- f
- t
- g
- R 69
- G 71
- B 28
RGB color chart
- C 3
- M 0
- Y 60
- K 29
CMYK color chart

● #afb548 color description : Moderate yellow.

The hexadecimal color #afb548 has RGB values of R:175, G:181, B:72 and CMYK values of C:0.03, M:0, Y:0.6, K:0.29. Its decimal value is 11515208.

Hex triplet	afb548	`#afb548`
RGB Decimal	175, 181, 72	`rgb(175,181,72)`
RGB Percent	68.6, 71, 28.2	`rgb(68.6%,71%,28.2%)`
CMYK	3, 0, 60, 29
HSL	63.3°, 43.1, 49.6	`hsl(63.3,43.1%,49.6%)`
HSV (or HSB)	63.3°, 60.2, 71
Web Safe	99cc33	`#99cc33`

CIE-LAB	71.303, -16.657, 53.331
XYZ	35.373, 42.63, 12.496
xyY	0.391, 0.471, 42.63
CIE-LCH	71.303, 55.872, 107.345
CIE-LUV	71.303, 0.738, 65.156
Hunter-Lab	65.292, -17.556, 34.357
Binary	10101111, 10110101, 01001000

#afb548
```
#afb548 rgb(175,181,72)
```
#4e48b5
```
#4e48b5 rgb(78,72,181)
```

Complementary Color

#b58548
```
#b58548 rgb(181,133,72)
```
#afb548
```
#afb548 rgb(175,181,72)
```
#79b548
```
#79b548 rgb(121,181,72)
```

Analogous Color

#8548b5
```
#8548b5 rgb(133,72,181)
```
#afb548
```
#afb548 rgb(175,181,72)
```
#4879b5
```
#4879b5 rgb(72,121,181)
```

Split Complementary Color

#b548af
```
#b548af rgb(181,72,175)
```
#afb548
```
#afb548 rgb(175,181,72)
```
#48afb5
```
#48afb5 rgb(72,175,181)
```

Triadic Color

#b54e48
```
#b54e48 rgb(181,78,72)
```
#afb548
```
#afb548 rgb(175,181,72)
```
#48afb5
```
#48afb5 rgb(72,175,181)
```
#4e48b5
```
#4e48b5 rgb(78,72,181)
```

Tetradic Color

#7a7e32
```
#7a7e32 rgb(122,126,50)
```
#8c9139
```
#8c9139 rgb(140,145,57)
```
#9da341
```
#9da341 rgb(157,163,65)
```
#afb548
```
#afb548 rgb(175,181,72)
```
#b8bd59
```
#b8bd59 rgb(184,189,89)
```
#bfc46c
```
#bfc46c rgb(191,196,108)
```
#c7cc7e
```
#c7cc7e rgb(199,204,126)
```

Monochromatic Color

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

#b5a048
```
#b5a048 rgb(181,160,72)
```
#b5a948
```
#b5a948 rgb(181,169,72)
```
#b5b248
```
#b5b248 rgb(181,178,72)
```
#afb548
```
#afb548 rgb(175,181,72)
```
#a6b548
```
#a6b548 rgb(166,181,72)
```
#9db548
```
#9db548 rgb(157,181,72)
```
#94b548
```
#94b548 rgb(148,181,72)
```

Similar Colors

Text with hexadecimal color #afb548

This text has a font color of #afb548.

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

#afb548 background color

This paragraph has a background color of #afb548.

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

#afb548 border color

This element has a border color of #afb548.

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

CSS codes

.text {color:#afb548;}

.background {background-color:#afb548;}

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

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

#0c0d05
```
#0c0d05 rgb(12,13,5)
```
#1a1b0b
```
#1a1b0b rgb(26,27,11)
```
#272910
```
#272910 rgb(39,41,16)
```
#353716
```
#353716 rgb(53,55,22)
```
#42451b
```
#42451b rgb(66,69,27)
```
#505321
```
#505321 rgb(80,83,33)
```
#5e6127
```
#5e6127 rgb(94,97,39)
```
#6b6f2c
```
#6b6f2c rgb(107,111,44)
```
#797d32
```
#797d32 rgb(121,125,50)
```
#868b37
```
#868b37 rgb(134,139,55)
```
#94993d
```
#94993d rgb(148,153,61)
```
#a1a742
```
#a1a742 rgb(161,167,66)
```
#afb548
```
#afb548 rgb(175,181,72)
```

Shade Color Variation

#b6bb55
```
#b6bb55 rgb(182,187,85)
```
#bcc163
```
#bcc163 rgb(188,193,99)
```
#c2c771
```
#c2c771 rgb(194,199,113)
```
#c8cc7f
```
#c8cc7f rgb(200,204,127)
```
#ced28d
```
#ced28d rgb(206,210,141)
```
#d4d79b
```
#d4d79b rgb(212,215,155)
```
#dadda9
```
#dadda9 rgb(218,221,169)
```
#e0e3b7
```
#e0e3b7 rgb(224,227,183)
```
#e6e8c5
```
#e6e8c5 rgb(230,232,197)
```
#eceed3
```
#eceed3 rgb(236,238,211)
```
#f2f3e2
```
#f2f3e2 rgb(242,243,226)
```
#f8f9f0
```
#f8f9f0 rgb(248,249,240)
```
#fefefe
```
#fefefe rgb(254,254,254)
```

Tint Color Variation

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

#848479
```
#848479 rgb(132,132,121)
```
#8c8e6f
```
#8c8e6f rgb(140,142,111)
```
#959865
```
#959865 rgb(149,152,101)
```
#9ea25b
```
#9ea25b rgb(158,162,91)
```
#a6ab52
```
#a6ab52 rgb(166,171,82)
```
#afb548
```
#afb548 rgb(175,181,72)
```
#b8bf3e
```
#b8bf3e rgb(184,191,62)
```
#c0c835
```
#c0c835 rgb(192,200,53)
```
#c9d22b
```
#c9d22b rgb(201,210,43)
```
#d2dc21
```
#d2dc21 rgb(210,220,33)
```
#dae617
```
#dae617 rgb(218,230,23)
```
#e3ef0e
```
#e3ef0e rgb(227,239,14)
```
#ecf904
```
#ecf904 rgb(236,249,4)
```

Tone Color Variation

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

#a7a7a7 Achromatopsia 0.005% of the population
#a9aa94 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c6b24f Protanopia 1% of men
#dbaa56 Deuteranopia 1% of men
#bfaeba Tritanopia 0.001% of the population

Trichromacy

#bdb34c Protanomaly 1% of men, 0.01% of women
#cbae51 Deuteranomaly 6% of men, 0.4% of women
#b9b090 Tritanomaly 0.01% of the population

#afb548 hex color

#afb548 Color Information

#afb548 Color Conversion

Color Schemes with #afb548

Alternatives to #afb548

#afb548 Preview

Shades and Tints of #afb548

Tones of #afb548

Color Blindness Simulator