#afb03f hex color

In a RGB color space, hex #afb03f is composed of 68.6% red, 69% green and 24.7% blue. Whereas in a CMYK color space, it is composed of 0.6% cyan, 0% magenta, 64.2% yellow and 31% black. It has a hue angle of 60.5 degrees, a saturation of 47.3% and a lightness of 46.9%. #afb03f color hex could be obtained by blending #ffff7e with #5f6100. Closest websafe color is: #999933.

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

● #afb03f color description : Dark moderate yellow.

The hexadecimal color #afb03f has RGB values of R:175, G:176, B:63 and CMYK values of C:0.01, M:0, Y:0.64, K:0.31. Its decimal value is 11513919.

Hex triplet	afb03f	`#afb03f`
RGB Decimal	175, 176, 63	`rgb(175,176,63)`
RGB Percent	68.6, 69, 24.7	`rgb(68.6%,69%,24.7%)`
CMYK	1, 0, 64, 31
HSL	60.5°, 47.3, 46.9	`hsl(60.5,47.3%,46.9%)`
HSV (or HSB)	60.5°, 64.2, 69
Web Safe	999933	`#999933`

CIE-LAB	69.841, -14.715, 55.628
XYZ	34.102, 40.524, 10.728
xyY	0.4, 0.475, 40.524
CIE-LCH	69.841, 57.542, 104.817
CIE-LUV	69.841, 4.086, 65.978
Hunter-Lab	63.658, -15.78, 34.569
Binary	10101111, 10110000, 00111111

#afb03f
```
#afb03f rgb(175,176,63)
```
#403fb0
```
#403fb0 rgb(64,63,176)
```

Complementary Color

#b0793f
```
#b0793f rgb(176,121,63)
```
#afb03f
```
#afb03f rgb(175,176,63)
```
#77b03f
```
#77b03f rgb(119,176,63)
```

Analogous Color

#793fb0
```
#793fb0 rgb(121,63,176)
```
#afb03f
```
#afb03f rgb(175,176,63)
```
#3f77b0
```
#3f77b0 rgb(63,119,176)
```

Split Complementary Color

#b03faf
```
#b03faf rgb(176,63,175)
```
#afb03f
```
#afb03f rgb(175,176,63)
```
#3fafb0
```
#3fafb0 rgb(63,175,176)
```

Triadic Color

#b0403f
```
#b0403f rgb(176,64,63)
```
#afb03f
```
#afb03f rgb(175,176,63)
```
#3fafb0
```
#3fafb0 rgb(63,175,176)
```
#403fb0
```
#403fb0 rgb(64,63,176)
```

Tetradic Color

#77782b
```
#77782b rgb(119,120,43)
```
#8a8a32
```
#8a8a32 rgb(138,138,50)
```
#9c9d38
```
#9c9d38 rgb(156,157,56)
```
#afb03f
```
#afb03f rgb(175,176,63)
```
#bdbe4a
```
#bdbe4a rgb(189,190,74)
```
#c4c55d
```
#c4c55d rgb(196,197,93)
```
#cbcc70
```
#cbcc70 rgb(203,204,112)
```

Monochromatic Color

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

#b0953f
```
#b0953f rgb(176,149,63)
```
#b09e3f
```
#b09e3f rgb(176,158,63)
```
#b0a83f
```
#b0a83f rgb(176,168,63)
```
#afb03f
```
#afb03f rgb(175,176,63)
```
#a6b03f
```
#a6b03f rgb(166,176,63)
```
#9cb03f
```
#9cb03f rgb(156,176,63)
```
#93b03f
```
#93b03f rgb(147,176,63)
```

Similar Colors

Text with hexadecimal color #afb03f

This text has a font color of #afb03f.

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

#afb03f background color

This paragraph has a background color of #afb03f.

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

#afb03f border color

This element has a border color of #afb03f.

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

CSS codes

.text {color:#afb03f;}

.background {background-color:#afb03f;}

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

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

#030301
```
#030301 rgb(3,3,1)
```
#111106
```
#111106 rgb(17,17,6)
```
#1f200b
```
#1f200b rgb(31,32,11)
```
#2e2e10
```
#2e2e10 rgb(46,46,16)
```
#3c3c16
```
#3c3c16 rgb(60,60,22)
```
#4a4b1b
```
#4a4b1b rgb(74,75,27)
```
#595920
```
#595920 rgb(89,89,32)
```
#676825
```
#676825 rgb(103,104,37)
```
#76762a
```
#76762a rgb(118,118,42)
```
#84852f
```
#84852f rgb(132,133,47)
```
#929335
```
#929335 rgb(146,147,53)
```
#a1a23a
```
#a1a23a rgb(161,162,58)
```
#afb03f
```
#afb03f rgb(175,176,63)
```

Shade Color Variation

#bcbd46
```
#bcbd46 rgb(188,189,70)
```
#c1c254
```
#c1c254 rgb(193,194,84)
```
#c6c763
```
#c6c763 rgb(198,199,99)
```
#cbcc71
```
#cbcc71 rgb(203,204,113)
```
#d1d180
```
#d1d180 rgb(209,209,128)
```
#d6d78e
```
#d6d78e rgb(214,215,142)
```
#dbdc9d
```
#dbdc9d rgb(219,220,157)
```
#e0e1ab
```
#e0e1ab rgb(224,225,171)
```
#e6e6b9
```
#e6e6b9 rgb(230,230,185)
```
#ebebc8
```
#ebebc8 rgb(235,235,200)
```
#f0f0d6
```
#f0f0d6 rgb(240,240,214)
```
#f5f6e5
```
#f5f6e5 rgb(245,246,229)
```
#fbfbf3
```
#fbfbf3 rgb(251,251,243)
```

Tint Color Variation

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

#797976
```
#797976 rgb(121,121,118)
```
#82826d
```
#82826d rgb(130,130,109)
```
#8b8b64
```
#8b8b64 rgb(139,139,100)
```
#94945b
```
#94945b rgb(148,148,91)
```
#9d9e51
```
#9d9e51 rgb(157,158,81)
```
#a6a748
```
#a6a748 rgb(166,167,72)
```
#afb03f
```
#afb03f rgb(175,176,63)
```
#b8b936
```
#b8b936 rgb(184,185,54)
```
#c1c22d
```
#c1c22d rgb(193,194,45)
```
#cacc23
```
#cacc23 rgb(202,204,35)
```
#d3d51a
```
#d3d51a rgb(211,213,26)
```
#dcde11
```
#dcde11 rgb(220,222,17)
```
#e5e708
```
#e5e708 rgb(229,231,8)
```

Tone Color Variation

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

#a3a3a3 Achromatopsia 0.005% of the population
#a5a68f Atypical Achromatopsia 0.001% of the population

Dichromacy

#c2af47 Protanopia 1% of men
#d7a74e Deuteranopia 1% of men
#bea9b5 Tritanopia 0.001% of the population

Trichromacy

#bbaf44 Protanomaly 1% of men, 0.01% of women
#c8aa48 Deuteranomaly 6% of men, 0.4% of women
#b8ab8a Tritanomaly 0.01% of the population

#afb03f hex color

#afb03f Color Information

#afb03f Color Conversion

Color Schemes with #afb03f

Alternatives to #afb03f

#afb03f Preview

Shades and Tints of #afb03f

Tones of #afb03f

Color Blindness Simulator