#afb245 hex color

In a RGB color space, hex #afb245 is composed of 68.6% red, 69.8% green and 27.1% blue. Whereas in a CMYK color space, it is composed of 1.7% cyan, 0% magenta, 61.2% yellow and 30.2% black. It has a hue angle of 61.7 degrees, a saturation of 44.1% and a lightness of 48.4%. #afb245 color hex could be obtained by blending #ffff8a with #5f6500. Closest websafe color is: #999933.

♥
- f
- t
- g
- R 69
- G 70
- B 27
RGB color chart
- C 2
- M 0
- Y 61
- K 30
CMYK color chart

● #afb245 color description : Dark moderate yellow.

The hexadecimal color #afb245 has RGB values of R:175, G:178, B:69 and CMYK values of C:0.02, M:0, Y:0.61, K:0.3. Its decimal value is 11514437.

Hex triplet	afb245	`#afb245`
RGB Decimal	175, 178, 69	`rgb(175,178,69)`
RGB Percent	68.6, 69.8, 27.1	`rgb(68.6%,69.8%,27.1%)`
CMYK	2, 0, 61, 30
HSL	61.7°, 44.1, 48.4	`hsl(61.7,44.1%,48.4%)`
HSV (or HSB)	61.7°, 61.2, 69.8
Web Safe	999933	`#999933`

CIE-LAB	70.445, -15.342, 53.712
XYZ	34.674, 41.385, 11.791
xyY	0.395, 0.471, 41.385
CIE-LCH	70.445, 55.86, 105.941
CIE-LUV	70.445, 2.681, 64.86
Hunter-Lab	64.331, -16.37, 34.164
Binary	10101111, 10110010, 01000101

#afb245
```
#afb245 rgb(175,178,69)
```
#4845b2
```
#4845b2 rgb(72,69,178)
```

Complementary Color

#b27f45
```
#b27f45 rgb(178,127,69)
```
#afb245
```
#afb245 rgb(175,178,69)
```
#79b245
```
#79b245 rgb(121,178,69)
```

Analogous Color

#7f45b2
```
#7f45b2 rgb(127,69,178)
```
#afb245
```
#afb245 rgb(175,178,69)
```
#4579b2
```
#4579b2 rgb(69,121,178)
```

Split Complementary Color

#b245af
```
#b245af rgb(178,69,175)
```
#afb245
```
#afb245 rgb(175,178,69)
```
#45afb2
```
#45afb2 rgb(69,175,178)
```

Triadic Color

#b24845
```
#b24845 rgb(178,72,69)
```
#afb245
```
#afb245 rgb(175,178,69)
```
#45afb2
```
#45afb2 rgb(69,175,178)
```
#4845b2
```
#4845b2 rgb(72,69,178)
```

Tetradic Color

#797b30
```
#797b30 rgb(121,123,48)
```
#8b8d37
```
#8b8d37 rgb(139,141,55)
```
#9da03e
```
#9da03e rgb(157,160,62)
```
#afb245
```
#afb245 rgb(175,178,69)
```
#babd54
```
#babd54 rgb(186,189,84)
```
#c1c466
```
#c1c466 rgb(193,196,102)
```
#c9cb79
```
#c9cb79 rgb(201,203,121)
```

Monochromatic Color

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

#b29a45
```
#b29a45 rgb(178,154,69)
```
#b2a345
```
#b2a345 rgb(178,163,69)
```
#b2ac45
```
#b2ac45 rgb(178,172,69)
```
#afb245
```
#afb245 rgb(175,178,69)
```
#a6b245
```
#a6b245 rgb(166,178,69)
```
#9db245
```
#9db245 rgb(157,178,69)
```
#94b245
```
#94b245 rgb(148,178,69)
```

Similar Colors

Text with hexadecimal color #afb245

This text has a font color of #afb245.

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

#afb245 background color

This paragraph has a background color of #afb245.

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

#afb245 border color

This element has a border color of #afb245.

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

CSS codes

.text {color:#afb245;}

.background {background-color:#afb245;}

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

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

#080803
```
#080803 rgb(8,8,3)
```
#161709
```
#161709 rgb(22,23,9)
```
#24250e
```
#24250e rgb(36,37,14)
```
#323314
```
#323314 rgb(50,51,20)
```
#404119
```
#404119 rgb(64,65,25)
```
#4e4f1f
```
#4e4f1f rgb(78,79,31)
```
#5c5d24
```
#5c5d24 rgb(92,93,36)
```
#6a6b2a
```
#6a6b2a rgb(106,107,42)
```
#77792f
```
#77792f rgb(119,121,47)
```
#858835
```
#858835 rgb(133,136,53)
```
#93963a
```
#93963a rgb(147,150,58)
```
#a1a440
```
#a1a440 rgb(161,164,64)
```
#afb245
```
#afb245 rgb(175,178,69)
```

Shade Color Variation

#b8bb50
```
#b8bb50 rgb(184,187,80)
```
#bec05e
```
#bec05e rgb(190,192,94)
```
#c3c66c
```
#c3c66c rgb(195,198,108)
```
#c9cb7a
```
#c9cb7a rgb(201,203,122)
```
#cfd188
```
#cfd188 rgb(207,209,136)
```
#d5d696
```
#d5d696 rgb(213,214,150)
```
#dadca4
```
#dadca4 rgb(218,220,164)
```
#e0e1b3
```
#e0e1b3 rgb(224,225,179)
```
#e6e7c1
```
#e6e7c1 rgb(230,231,193)
```
#ececcf
```
#ececcf rgb(236,236,207)
```
#f1f2dd
```
#f1f2dd rgb(241,242,221)
```
#f7f7eb
```
#f7f7eb rgb(247,247,235)
```
#fdfdf9
```
#fdfdf9 rgb(253,253,249)
```

Tint Color Variation

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

#828375
```
#828375 rgb(130,131,117)
```
#8b8c6b
```
#8b8c6b rgb(139,140,107)
```
#949662
```
#949662 rgb(148,150,98)
```
#9d9f58
```
#9d9f58 rgb(157,159,88)
```
#a6a94f
```
#a6a94f rgb(166,169,79)
```
#afb245
```
#afb245 rgb(175,178,69)
```
#b8bc3c
```
#b8bc3c rgb(184,188,60)
```
#c1c532
```
#c1c532 rgb(193,197,50)
```
#cacf29
```
#cacf29 rgb(202,207,41)
```
#d3d81f
```
#d3d81f rgb(211,216,31)
```
#dce216
```
#dce216 rgb(220,226,22)
```
#e5eb0c
```
#e5eb0c rgb(229,235,12)
```
#eef502
```
#eef502 rgb(238,245,2)
```

Tone Color Variation

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

#a5a5a5 Achromatopsia 0.005% of the population
#a7a892 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c3b04d Protanopia 1% of men
#d8a853 Deuteranopia 1% of men
#beabb7 Tritanopia 0.001% of the population

Trichromacy

#bcb14a Protanomaly 1% of men, 0.01% of women
#c9ac4e Deuteranomaly 6% of men, 0.4% of women
#b8ad8d Tritanomaly 0.01% of the population

#afb245 hex color

#afb245 Color Information

#afb245 Color Conversion

Color Schemes with #afb245

Alternatives to #afb245

#afb245 Preview

Shades and Tints of #afb245

Tones of #afb245

Color Blindness Simulator