#afb745 hex color

In a RGB color space, hex #afb745 is composed of 68.6% red, 71.8% green and 27.1% blue. Whereas in a CMYK color space, it is composed of 4.4% cyan, 0% magenta, 62.3% yellow and 28.2% black. It has a hue angle of 64.2 degrees, a saturation of 45.2% and a lightness of 49.4%. #afb745 color hex could be obtained by blending #ffff8a with #5f6f00. Closest websafe color is: #99cc33.

♥
- f
- t
- g
- R 69
- G 72
- B 27
RGB color chart
- C 4
- M 0
- Y 62
- K 28
CMYK color chart

● #afb745 color description : Moderate yellow.

The hexadecimal color #afb745 has RGB values of R:175, G:183, B:69 and CMYK values of C:0.04, M:0, Y:0.62, K:0.28. Its decimal value is 11515717.

Hex triplet	afb745	`#afb745`
RGB Decimal	175, 183, 69	`rgb(175,183,69)`
RGB Percent	68.6, 71.8, 27.1	`rgb(68.6%,71.8%,27.1%)`
CMYK	4, 0, 62, 28
HSL	64.2°, 45.2, 49.4	`hsl(64.2,45.2%,49.4%)`
HSV (or HSB)	64.2°, 62.3, 71.8
Web Safe	99cc33	`#99cc33`

CIE-LAB	71.833, -17.88, 55.204
XYZ	35.687, 43.411, 12.129
xyY	0.391, 0.476, 43.411
CIE-LCH	71.833, 58.027, 107.946
CIE-LUV	71.833, -0.437, 67.115
Hunter-Lab	65.887, -18.62, 35.206
Binary	10101111, 10110111, 01000101

#afb745
```
#afb745 rgb(175,183,69)
```
#4d45b7
```
#4d45b7 rgb(77,69,183)
```

Complementary Color

#b78645
```
#b78645 rgb(183,134,69)
```
#afb745
```
#afb745 rgb(175,183,69)
```
#76b745
```
#76b745 rgb(118,183,69)
```

Analogous Color

#8645b7
```
#8645b7 rgb(134,69,183)
```
#afb745
```
#afb745 rgb(175,183,69)
```
#4576b7
```
#4576b7 rgb(69,118,183)
```

Split Complementary Color

#b745af
```
#b745af rgb(183,69,175)
```
#afb745
```
#afb745 rgb(175,183,69)
```
#45afb7
```
#45afb7 rgb(69,175,183)
```

Triadic Color

#b74d45
```
#b74d45 rgb(183,77,69)
```
#afb745
```
#afb745 rgb(175,183,69)
```
#45afb7
```
#45afb7 rgb(69,175,183)
```
#4d45b7
```
#4d45b7 rgb(77,69,183)
```

Tetradic Color

#7a7f30
```
#7a7f30 rgb(122,127,48)
```
#8c9237
```
#8c9237 rgb(140,146,55)
```
#9da43e
```
#9da43e rgb(157,164,62)
```
#afb745
```
#afb745 rgb(175,183,69)
```
#b8bf56
```
#b8bf56 rgb(184,191,86)
```
#c0c669
```
#c0c669 rgb(192,198,105)
```
#c8cd7b
```
#c8cd7b rgb(200,205,123)
```

Monochromatic Color

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

#b7a345
```
#b7a345 rgb(183,163,69)
```
#b7ac45
```
#b7ac45 rgb(183,172,69)
```
#b7b645
```
#b7b645 rgb(183,182,69)
```
#afb745
```
#afb745 rgb(175,183,69)
```
#a6b745
```
#a6b745 rgb(166,183,69)
```
#9cb745
```
#9cb745 rgb(156,183,69)
```
#93b745
```
#93b745 rgb(147,183,69)
```

Similar Colors

Text with hexadecimal color #afb745

This text has a font color of #afb745.

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

#afb745 background color

This paragraph has a background color of #afb745.

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

#afb745 border color

This element has a border color of #afb745.

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

CSS codes

.text {color:#afb745;}

.background {background-color:#afb745;}

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

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

#0c0c05
```
#0c0c05 rgb(12,12,5)
```
#191a0a
```
#191a0a rgb(25,26,10)
```
#27290f
```
#27290f rgb(39,41,15)
```
#343715
```
#343715 rgb(52,55,21)
```
#42451a
```
#42451a rgb(66,69,26)
```
#50531f
```
#50531f rgb(80,83,31)
```
#5d6225
```
#5d6225 rgb(93,98,37)
```
#6b702a
```
#6b702a rgb(107,112,42)
```
#797e30
```
#797e30 rgb(121,126,48)
```
#868c35
```
#868c35 rgb(134,140,53)
```
#949b3a
```
#949b3a rgb(148,155,58)
```
#a1a940
```
#a1a940 rgb(161,169,64)
```
#afb745
```
#afb745 rgb(175,183,69)
```

Shade Color Variation

#b6be52
```
#b6be52 rgb(182,190,82)
```
#bcc360
```
#bcc360 rgb(188,195,96)
```
#c2c86e
```
#c2c86e rgb(194,200,110)
```
#c8ce7d
```
#c8ce7d rgb(200,206,125)
```
#ced38b
```
#ced38b rgb(206,211,139)
```
#d4d999
```
#d4d999 rgb(212,217,153)
```
#dadea7
```
#dadea7 rgb(218,222,167)
```
#e0e3b6
```
#e0e3b6 rgb(224,227,182)
```
#e6e9c4
```
#e6e9c4 rgb(230,233,196)
```
#eceed2
```
#eceed2 rgb(236,238,210)
```
#f2f3e0
```
#f2f3e0 rgb(242,243,224)
```
#f8f9ef
```
#f8f9ef rgb(248,249,239)
```
#fefefd
```
#fefefd rgb(254,254,253)
```

Tint Color Variation

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

#858775
```
#858775 rgb(133,135,117)
```
#8e906c
```
#8e906c rgb(142,144,108)
```
#969a62
```
#969a62 rgb(150,154,98)
```
#9ea458
```
#9ea458 rgb(158,164,88)
```
#a7ad4f
```
#a7ad4f rgb(167,173,79)
```
#afb745
```
#afb745 rgb(175,183,69)
```
#b7c13b
```
#b7c13b rgb(183,193,59)
```
#c0ca32
```
#c0ca32 rgb(192,202,50)
```
#c8d428
```
#c8d428 rgb(200,212,40)
```
#d0de1e
```
#d0de1e rgb(208,222,30)
```
#d9e715
```
#d9e715 rgb(217,231,21)
```
#e1f10b
```
#e1f10b rgb(225,241,11)
```
#e9fb01
```
#e9fb01 rgb(233,251,1)
```

Tone Color Variation

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

#a8a8a8 Achromatopsia 0.005% of the population
#a9ab94 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c7b44c Protanopia 1% of men
#ddab54 Deuteranopia 1% of men
#bfafbc Tritanopia 0.001% of the population

Trichromacy

#beb54a Protanomaly 1% of men, 0.01% of women
#ccaf4e Deuteranomaly 6% of men, 0.4% of women
#b9b290 Tritanomaly 0.01% of the population

#afb745 hex color

#afb745 Color Information

#afb745 Color Conversion

Color Schemes with #afb745

Alternatives to #afb745

#afb745 Preview

Shades and Tints of #afb745

Tones of #afb745

Color Blindness Simulator