#afae45 hex color

In a RGB color space, hex #afae45 is composed of 68.6% red, 68.2% green and 27.1% blue. Whereas in a CMYK color space, it is composed of 0% cyan, 0.6% magenta, 60.6% yellow and 31.4% black. It has a hue angle of 59.4 degrees, a saturation of 43.4% and a lightness of 47.8%. #afae45 color hex could be obtained by blending #ffff8a with #5f5d00. Closest websafe color is: #999933.

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

● #afae45 color description : Dark moderate yellow.

The hexadecimal color #afae45 has RGB values of R:175, G:174, B:69 and CMYK values of C:0, M:0.01, Y:0.61, K:0.31. Its decimal value is 11513413.

Hex triplet	afae45	`#afae45`
RGB Decimal	175, 174, 69	`rgb(175,174,69)`
RGB Percent	68.6, 68.2, 27.1	`rgb(68.6%,68.2%,27.1%)`
CMYK	0, 1, 61, 31
HSL	59.4°, 43.4, 47.8	`hsl(59.4,43.4%,47.8%)`
HSV (or HSB)	59.4°, 60.6, 68.6
Web Safe	999933	`#999933`

CIE-LAB	69.338, -13.288, 52.514
XYZ	33.889, 39.816, 11.53
xyY	0.398, 0.467, 39.816
CIE-LCH	69.338, 54.169, 104.199
CIE-LUV	69.338, 5.214, 63.048
Hunter-Lab	63.1, -14.558, 33.336
Binary	10101111, 10101110, 01000101

#afae45
```
#afae45 rgb(175,174,69)
```
#4546af
```
#4546af rgb(69,70,175)
```

Complementary Color

#af7945
```
#af7945 rgb(175,121,69)
```
#afae45
```
#afae45 rgb(175,174,69)
```
#7baf45
```
#7baf45 rgb(123,175,69)
```

Analogous Color

#7945af
```
#7945af rgb(121,69,175)
```
#afae45
```
#afae45 rgb(175,174,69)
```
#457baf
```
#457baf rgb(69,123,175)
```

Split Complementary Color

#ae45af
```
#ae45af rgb(174,69,175)
```
#afae45
```
#afae45 rgb(175,174,69)
```
#45afae
```
#45afae rgb(69,175,174)
```

Triadic Color

#af4546
```
#af4546 rgb(175,69,70)
```
#afae45
```
#afae45 rgb(175,174,69)
```
#45afae
```
#45afae rgb(69,175,174)
```
#4546af
```
#4546af rgb(69,70,175)
```

Tetradic Color

#78772f
```
#78772f rgb(120,119,47)
```
#8a8a37
```
#8a8a37 rgb(138,138,55)
```
#9d9c3e
```
#9d9c3e rgb(157,156,62)
```
#afae45
```
#afae45 rgb(175,174,69)
```
#bbba53
```
#bbba53 rgb(187,186,83)
```
#c2c165
```
#c2c165 rgb(194,193,101)
```
#c9c977
```
#c9c977 rgb(201,201,119)
```

Monochromatic Color

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

#af9445
```
#af9445 rgb(175,148,69)
```
#af9c45
```
#af9c45 rgb(175,156,69)
```
#afa545
```
#afa545 rgb(175,165,69)
```
#afae45
```
#afae45 rgb(175,174,69)
```
#a7af45
```
#a7af45 rgb(167,175,69)
```
#9eaf45
```
#9eaf45 rgb(158,175,69)
```
#96af45
```
#96af45 rgb(150,175,69)
```

Similar Colors

Text with hexadecimal color #afae45

This text has a font color of #afae45.

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

#afae45 background color

This paragraph has a background color of #afae45.

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

#afae45 border color

This element has a border color of #afae45.

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

CSS codes

.text {color:#afae45;}

.background {background-color:#afae45;}

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

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

#060602
```
#060602 rgb(6,6,2)
```
#141408
```
#141408 rgb(20,20,8)
```
#22220e
```
#22220e rgb(34,34,14)
```
#303013
```
#303013 rgb(48,48,19)
```
#3e3e19
```
#3e3e19 rgb(62,62,25)
```
#4d4c1e
```
#4d4c1e rgb(77,76,30)
```
#5b5a24
```
#5b5a24 rgb(91,90,36)
```
#696829
```
#696829 rgb(105,104,41)
```
#77762f
```
#77762f rgb(119,118,47)
```
#858434
```
#858434 rgb(133,132,52)
```
#93923a
```
#93923a rgb(147,146,58)
```
#a1a03f
```
#a1a03f rgb(161,160,63)
```
#afae45
```
#afae45 rgb(175,174,69)
```

Shade Color Variation

#b9b84e
```
#b9b84e rgb(185,184,78)
```
#bfbe5c
```
#bfbe5c rgb(191,190,92)
```
#c4c46a
```
#c4c46a rgb(196,196,106)
```
#cac978
```
#cac978 rgb(202,201,120)
```
#d0cf87
```
#d0cf87 rgb(208,207,135)
```
#d5d495
```
#d5d495 rgb(213,212,149)
```
#dbdaa3
```
#dbdaa3 rgb(219,218,163)
```
#e0e0b1
```
#e0e0b1 rgb(224,224,177)
```
#e6e5bf
```
#e6e5bf rgb(230,229,191)
```
#ebebcd
```
#ebebcd rgb(235,235,205)
```
#f1f1db
```
#f1f1db rgb(241,241,219)
```
#f6f6e9
```
#f6f6e9 rgb(246,246,233)
```
#fcfcf7
```
#fcfcf7 rgb(252,252,247)
```

Tint Color Variation

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

#808074
```
#808074 rgb(128,128,116)
```
#89896b
```
#89896b rgb(137,137,107)
```
#939261
```
#939261 rgb(147,146,97)
```
#9c9c58
```
#9c9c58 rgb(156,156,88)
```
#a6a54e
```
#a6a54e rgb(166,165,78)
```
#afae45
```
#afae45 rgb(175,174,69)
```
#b8b73c
```
#b8b73c rgb(184,183,60)
```
#c2c032
```
#c2c032 rgb(194,192,50)
```
#cbca29
```
#cbca29 rgb(203,202,41)
```
#d5d31f
```
#d5d31f rgb(213,211,31)
```
#dedc16
```
#dedc16 rgb(222,220,22)
```
#e7e50d
```
#e7e50d rgb(231,229,13)
```
#f1ee03
```
#f1ee03 rgb(241,238,3)
```

Tone Color Variation

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

#a2a2a2 Achromatopsia 0.005% of the population
#a5a48f Atypical Achromatopsia 0.001% of the population

Dichromacy

#c0ad4d Protanopia 1% of men
#d5a553 Deuteranopia 1% of men
#bea7b3 Tritanopia 0.001% of the population

Trichromacy

#baad4a Protanomaly 1% of men, 0.01% of women
#c7a84e Deuteranomaly 6% of men, 0.4% of women
#b8aa8b Tritanomaly 0.01% of the population

#afae45 hex color

#afae45 Color Information

#afae45 Color Conversion

Color Schemes with #afae45

Alternatives to #afae45

#afae45 Preview

Shades and Tints of #afae45

Tones of #afae45

Color Blindness Simulator