#abae22 hex color

In a RGB color space, hex #abae22 is composed of 67.1% red, 68.2% green and 13.3% blue. Whereas in a CMYK color space, it is composed of 1.7% cyan, 0% magenta, 80.5% yellow and 31.8% black. It has a hue angle of 61.3 degrees, a saturation of 67.3% and a lightness of 40.8%. #abae22 color hex could be obtained by blending #ffff44 with #575d00. Closest websafe color is: #999933.

♥
- f
- t
- g
- R 67
- G 68
- B 13
RGB color chart
- C 2
- M 0
- Y 80
- K 32
CMYK color chart

● #abae22 color description : Dark yellow [Olive tone].

The hexadecimal color #abae22 has RGB values of R:171, G:174, B:34 and CMYK values of C:0.02, M:0, Y:0.8, K:0.32. Its decimal value is 11251234.

Hex triplet	abae22	`#abae22`
RGB Decimal	171, 174, 34	`rgb(171,174,34)`
RGB Percent	67.1, 68.2, 13.3	`rgb(67.1%,68.2%,13.3%)`
CMYK	2, 0, 80, 32
HSL	61.3°, 67.3, 40.8	`hsl(61.3,67.3%,40.8%)`
HSV (or HSB)	61.3°, 80.5, 68.2
Web Safe	999933	`#999933`

CIE-LAB	68.785, -16.822, 64.736
XYZ	32.219, 39.046, 7.353
xyY	0.41, 0.497, 39.046
CIE-LCH	68.785, 66.886, 104.567
CIE-LUV	68.785, 3.167, 72.23
Hunter-Lab	62.487, -17.314, 36.764
Binary	10101011, 10101110, 00100010

#abae22
```
#abae22 rgb(171,174,34)
```
#2522ae
```
#2522ae rgb(37,34,174)
```

Complementary Color

#ae6b22
```
#ae6b22 rgb(174,107,34)
```
#abae22
```
#abae22 rgb(171,174,34)
```
#65ae22
```
#65ae22 rgb(101,174,34)
```

Analogous Color

#6b22ae
```
#6b22ae rgb(107,34,174)
```
#abae22
```
#abae22 rgb(171,174,34)
```
#2265ae
```
#2265ae rgb(34,101,174)
```

Split Complementary Color

#ae22ab
```
#ae22ab rgb(174,34,171)
```
#abae22
```
#abae22 rgb(171,174,34)
```
#22abae
```
#22abae rgb(34,171,174)
```

Triadic Color

#ae2522
```
#ae2522 rgb(174,37,34)
```
#abae22
```
#abae22 rgb(171,174,34)
```
#22abae
```
#22abae rgb(34,171,174)
```
#2522ae
```
#2522ae rgb(37,34,174)
```

Tetradic Color

#6c6e15
```
#6c6e15 rgb(108,110,21)
```
#81831a
```
#81831a rgb(129,131,26)
```
#96991e
```
#96991e rgb(150,153,30)
```
#abae22
```
#abae22 rgb(171,174,34)
```
#c0c326
```
#c0c326 rgb(192,195,38)
```
#d2d62d
```
#d2d62d rgb(210,214,45)
```
#d7da42
```
#d7da42 rgb(215,218,66)
```

Monochromatic Color

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

#ae8e22
```
#ae8e22 rgb(174,142,34)
```
#ae9a22
```
#ae9a22 rgb(174,154,34)
```
#aea522
```
#aea522 rgb(174,165,34)
```
#abae22
```
#abae22 rgb(171,174,34)
```
#9fae22
```
#9fae22 rgb(159,174,34)
```
#94ae22
```
#94ae22 rgb(148,174,34)
```
#88ae22
```
#88ae22 rgb(136,174,34)
```

Similar Colors

Text with hexadecimal color #abae22

This text has a font color of #abae22.

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

#abae22 background color

This paragraph has a background color of #abae22.

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

#abae22 border color

This element has a border color of #abae22.

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

CSS codes

.text {color:#abae22;}

.background {background-color:#abae22;}

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

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

#0a0a02
```
#0a0a02 rgb(10,10,2)
```
#1a1a05
```
#1a1a05 rgb(26,26,5)
```
#2a2b08
```
#2a2b08 rgb(42,43,8)
```
#3a3b0c
```
#3a3b0c rgb(58,59,12)
```
#4a4c0f
```
#4a4c0f rgb(74,76,15)
```
#5a5c12
```
#5a5c12 rgb(90,92,18)
```
#6a6c15
```
#6a6c15 rgb(106,108,21)
```
#7b7d18
```
#7b7d18 rgb(123,125,24)
```
#8b8d1c
```
#8b8d1c rgb(139,141,28)
```
#9b9e1f
```
#9b9e1f rgb(155,158,31)
```
#abae22
```
#abae22 rgb(171,174,34)
```
#bbbe25
```
#bbbe25 rgb(187,190,37)
```
#cbcf28
```
#cbcf28 rgb(203,207,40)
```

Shade Color Variation

#d4d734
```
#d4d734 rgb(212,215,52)
```
#d7da44
```
#d7da44 rgb(215,218,68)
```
#dbde54
```
#dbde54 rgb(219,222,84)
```
#dee165
```
#dee165 rgb(222,225,101)
```
#e2e475
```
#e2e475 rgb(226,228,117)
```
#e5e786
```
#e5e786 rgb(229,231,134)
```
#e9ea96
```
#e9ea96 rgb(233,234,150)
```
#eceea6
```
#eceea6 rgb(236,238,166)
```
#f0f1b7
```
#f0f1b7 rgb(240,241,183)
```
#f3f4c7
```
#f3f4c7 rgb(243,244,199)
```
#f7f7d8
```
#f7f7d8 rgb(247,247,216)
```
#fafbe8
```
#fafbe8 rgb(250,251,232)
```
#fefef9
```
#fefef9 rgb(254,254,249)
```

Tint Color Variation

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

#6e6e62
```
#6e6e62 rgb(110,110,98)
```
#75765a
```
#75765a rgb(117,118,90)
```
#7d7e52
```
#7d7e52 rgb(125,126,82)
```
#85864a
```
#85864a rgb(133,134,74)
```
#8c8e42
```
#8c8e42 rgb(140,142,66)
```
#94963a
```
#94963a rgb(148,150,58)
```
#9c9e32
```
#9c9e32 rgb(156,158,50)
```
#a3a62a
```
#a3a62a rgb(163,166,42)
```
#abae22
```
#abae22 rgb(171,174,34)
```
#b3b61a
```
#b3b61a rgb(179,182,26)
```
#babe12
```
#babe12 rgb(186,190,18)
```
#c2c60a
```
#c2c60a rgb(194,198,10)
```
#cace02
```
#cace02 rgb(202,206,2)
```

Tone Color Variation

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

#9d9d9d Achromatopsia 0.005% of the population
#a0a084 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c0ac2c Protanopia 1% of men
#d6a435 Deuteranopia 1% of men
#bba6b2 Tritanopia 0.001% of the population

Trichromacy

#b8ad28 Protanomaly 1% of men, 0.01% of women
#c6a72e Deuteranomaly 6% of men, 0.4% of women
#b5a97d Tritanomaly 0.01% of the population

#abae22 hex color

#abae22 Color Information

#abae22 Color Conversion

Color Schemes with #abae22

Alternatives to #abae22

#abae22 Preview

Shades and Tints of #abae22

Tones of #abae22

Color Blindness Simulator