#afb148 hex color

In a RGB color space, hex #afb148 is composed of 68.6% red, 69.4% green and 28.2% blue. Whereas in a CMYK color space, it is composed of 1.1% cyan, 0% magenta, 59.3% yellow and 30.6% black. It has a hue angle of 61.1 degrees, a saturation of 42.2% and a lightness of 48.8%. #afb148 color hex could be obtained by blending #ffff90 with #5f6300. Closest websafe color is: #999933.

♥
- f
- t
- g
- R 69
- G 69
- B 28
RGB color chart
- C 1
- M 0
- Y 59
- K 31
CMYK color chart

● #afb148 color description : Dark moderate yellow.

The hexadecimal color #afb148 has RGB values of R:175, G:177, B:72 and CMYK values of C:0.01, M:0, Y:0.59, K:0.31. Its decimal value is 11514184.

Hex triplet	afb148	`#afb148`
RGB Decimal	175, 177, 72	`rgb(175,177,72)`
RGB Percent	68.6, 69.4, 28.2	`rgb(68.6%,69.4%,28.2%)`
CMYK	1, 0, 59, 31
HSL	61.1°, 42.2, 48.8	`hsl(61.1,42.2%,48.8%)`
HSV (or HSB)	61.1°, 59.3, 69.4
Web Safe	999933	`#999933`

CIE-LAB	70.195, -14.616, 52.118
XYZ	34.571, 41.027, 12.228
xyY	0.394, 0.467, 41.027
CIE-LCH	70.195, 54.128, 105.666
CIE-LUV	70.195, 3.237, 63.33
Hunter-Lab	64.052, -15.749, 33.517
Binary	10101111, 10110001, 01001000

#afb148
```
#afb148 rgb(175,177,72)
```
#4a48b1
```
#4a48b1 rgb(74,72,177)
```

Complementary Color

#b17f48
```
#b17f48 rgb(177,127,72)
```
#afb148
```
#afb148 rgb(175,177,72)
```
#7bb148
```
#7bb148 rgb(123,177,72)
```

Analogous Color

#7f48b1
```
#7f48b1 rgb(127,72,177)
```
#afb148
```
#afb148 rgb(175,177,72)
```
#487bb1
```
#487bb1 rgb(72,123,177)
```

Split Complementary Color

#b148af
```
#b148af rgb(177,72,175)
```
#afb148
```
#afb148 rgb(175,177,72)
```
#48afb1
```
#48afb1 rgb(72,175,177)
```

Triadic Color

#b14a48
```
#b14a48 rgb(177,74,72)
```
#afb148
```
#afb148 rgb(175,177,72)
```
#48afb1
```
#48afb1 rgb(72,175,177)
```
#4a48b1
```
#4a48b1 rgb(74,72,177)
```

Tetradic Color

#797b32
```
#797b32 rgb(121,123,50)
```
#8b8d39
```
#8b8d39 rgb(139,141,57)
```
#9d9f41
```
#9d9f41 rgb(157,159,65)
```
#afb148
```
#afb148 rgb(175,177,72)
```
#b9bb58
```
#b9bb58 rgb(185,187,88)
```
#c1c26a
```
#c1c26a rgb(193,194,106)
```
#c8ca7c
```
#c8ca7c rgb(200,202,124)
```

Monochromatic Color

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

#b19948
```
#b19948 rgb(177,153,72)
```
#b1a248
```
#b1a248 rgb(177,162,72)
```
#b1aa48
```
#b1aa48 rgb(177,170,72)
```
#afb148
```
#afb148 rgb(175,177,72)
```
#a6b148
```
#a6b148 rgb(166,177,72)
```
#9eb148
```
#9eb148 rgb(158,177,72)
```
#95b148
```
#95b148 rgb(149,177,72)
```

Similar Colors

Text with hexadecimal color #afb148

This text has a font color of #afb148.

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

#afb148 background color

This paragraph has a background color of #afb148.

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

#afb148 border color

This element has a border color of #afb148.

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

CSS codes

.text {color:#afb148;}

.background {background-color:#afb148;}

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

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

#0a0a04
```
#0a0a04 rgb(10,10,4)
```
#17180a
```
#17180a rgb(23,24,10)
```
#25260f
```
#25260f rgb(37,38,15)
```
#333415
```
#333415 rgb(51,52,21)
```
#41411b
```
#41411b rgb(65,65,27)
```
#4e4f20
```
#4e4f20 rgb(78,79,32)
```
#5c5d26
```
#5c5d26 rgb(92,93,38)
```
#6a6b2c
```
#6a6b2c rgb(106,107,44)
```
#787931
```
#787931 rgb(120,121,49)
```
#868737
```
#868737 rgb(134,135,55)
```
#93953d
```
#93953d rgb(147,149,61)
```
#a1a342
```
#a1a342 rgb(161,163,66)
```
#afb148
```
#afb148 rgb(175,177,72)
```

Shade Color Variation

#b7b953
```
#b7b953 rgb(183,185,83)
```
#bdbf61
```
#bdbf61 rgb(189,191,97)
```
#c3c56f
```
#c3c56f rgb(195,197,111)
```
#c9ca7d
```
#c9ca7d rgb(201,202,125)
```
#cfd08b
```
#cfd08b rgb(207,208,139)
```
#d4d699
```
#d4d699 rgb(212,214,153)
```
#dadba7
```
#dadba7 rgb(218,219,167)
```
#e0e1b5
```
#e0e1b5 rgb(224,225,181)
```
#e6e7c3
```
#e6e7c3 rgb(230,231,195)
```
#ececd1
```
#ececd1 rgb(236,236,209)
```
#f2f2df
```
#f2f2df rgb(242,242,223)
```
#f7f8ed
```
#f7f8ed rgb(247,248,237)
```
#fdfdfb
```
#fdfdfb rgb(253,253,251)
```

Tint Color Variation

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

#818178
```
#818178 rgb(129,129,120)
```
#8a8b6e
```
#8a8b6e rgb(138,139,110)
```
#939465
```
#939465 rgb(147,148,101)
```
#9d9e5b
```
#9d9e5b rgb(157,158,91)
```
#a6a752
```
#a6a752 rgb(166,167,82)
```
#afb148
```
#afb148 rgb(175,177,72)
```
#b8bb3e
```
#b8bb3e rgb(184,187,62)
```
#c1c435
```
#c1c435 rgb(193,196,53)
```
#cbce2b
```
#cbce2b rgb(203,206,43)
```
#d4d722
```
#d4d722 rgb(212,215,34)
```
#dde118
```
#dde118 rgb(221,225,24)
```
#e6ea0f
```
#e6ea0f rgb(230,234,15)
```
#eff405
```
#eff405 rgb(239,244,5)
```

Tone Color Variation

Below, you can see how #afb148 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
#a6a792 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c2b050 Protanopia 1% of men
#d7a856 Deuteranopia 1% of men
#beaab6 Tritanopia 0.001% of the population

Trichromacy

#bbb04d Protanomaly 1% of men, 0.01% of women
#c8ab51 Deuteranomaly 6% of men, 0.4% of women
#b8ac8e Tritanomaly 0.01% of the population

#afb148 hex color

#afb148 Color Information

#afb148 Color Conversion

Color Schemes with #afb148

Alternatives to #afb148

#afb148 Preview

Shades and Tints of #afb148

Tones of #afb148

Color Blindness Simulator