#abb22f hex color

In a RGB color space, hex #abb22f is composed of 67.1% red, 69.8% green and 18.4% blue. Whereas in a CMYK color space, it is composed of 3.9% cyan, 0% magenta, 73.6% yellow and 30.2% black. It has a hue angle of 63.2 degrees, a saturation of 58.2% and a lightness of 44.1%. #abb22f color hex could be obtained by blending #ffff5e with #576500. Closest websafe color is: #999933.

♥
- f
- t
- g
- R 67
- G 70
- B 18
RGB color chart
- C 4
- M 0
- Y 74
- K 30
CMYK color chart

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

The hexadecimal color #abb22f has RGB values of R:171, G:178, B:47 and CMYK values of C:0.04, M:0, Y:0.74, K:0.3. Its decimal value is 11252271.

Hex triplet	abb22f	`#abb22f`
RGB Decimal	171, 178, 47	`rgb(171,178,47)`
RGB Percent	67.1, 69.8, 18.4	`rgb(67.1%,69.8%,18.4%)`
CMYK	4, 0, 74, 30
HSL	63.2°, 58.2, 44.1	`hsl(63.2,58.2%,44.1%)`
HSV (or HSB)	63.2°, 73.6, 69.8
Web Safe	999933	`#999933`

CIE-LAB	69.968, -18.324, 61.765
XYZ	33.228, 40.704, 8.796
xyY	0.402, 0.492, 40.704
CIE-LCH	69.968, 64.425, 106.524
CIE-LUV	69.968, 0.44, 71.213
Hunter-Lab	63.8, -18.684, 36.486
Binary	10101011, 10110010, 00101111

#abb22f
```
#abb22f rgb(171,178,47)
```
#362fb2
```
#362fb2 rgb(54,47,178)
```

Complementary Color

#b2782f
```
#b2782f rgb(178,120,47)
```
#abb22f
```
#abb22f rgb(171,178,47)
```
#6ab22f
```
#6ab22f rgb(106,178,47)
```

Analogous Color

#782fb2
```
#782fb2 rgb(120,47,178)
```
#abb22f
```
#abb22f rgb(171,178,47)
```
#2f6ab2
```
#2f6ab2 rgb(47,106,178)
```

Split Complementary Color

#b22fab
```
#b22fab rgb(178,47,171)
```
#abb22f
```
#abb22f rgb(171,178,47)
```
#2fabb2
```
#2fabb2 rgb(47,171,178)
```

Triadic Color

#b2362f
```
#b2362f rgb(178,54,47)
```
#abb22f
```
#abb22f rgb(171,178,47)
```
#2fabb2
```
#2fabb2 rgb(47,171,178)
```
#362fb2
```
#362fb2 rgb(54,47,178)
```

Tetradic Color

#71751f
```
#71751f rgb(113,117,31)
```
#848a24
```
#848a24 rgb(132,138,36)
```
#989e2a
```
#989e2a rgb(152,158,42)
```
#abb22f
```
#abb22f rgb(171,178,47)
```
#bec634
```
#bec634 rgb(190,198,52)
```
#c7ce46
```
#c7ce46 rgb(199,206,70)
```
#cdd35a
```
#cdd35a rgb(205,211,90)
```

Monochromatic Color

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

#b2982f
```
#b2982f rgb(178,152,47)
```
#b2a32f
```
#b2a32f rgb(178,163,47)
```
#b2ae2f
```
#b2ae2f rgb(178,174,47)
```
#abb22f
```
#abb22f rgb(171,178,47)
```
#a0b22f
```
#a0b22f rgb(160,178,47)
```
#95b22f
```
#95b22f rgb(149,178,47)
```
#8ab22f
```
#8ab22f rgb(138,178,47)
```

Similar Colors

Text with hexadecimal color #abb22f

This text has a font color of #abb22f.

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

#abb22f background color

This paragraph has a background color of #abb22f.

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

#abb22f border color

This element has a border color of #abb22f.

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

CSS codes

.text {color:#abb22f;}

.background {background-color:#abb22f;}

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

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

#070702
```
#070702 rgb(7,7,2)
```
#161706
```
#161706 rgb(22,23,6)
```
#25260a
```
#25260a rgb(37,38,10)
```
#34360e
```
#34360e rgb(52,54,14)
```
#434512
```
#434512 rgb(67,69,18)
```
#525516
```
#525516 rgb(82,85,22)
```
#60641b
```
#60641b rgb(96,100,27)
```
#6f741f
```
#6f741f rgb(111,116,31)
```
#7e8323
```
#7e8323 rgb(126,131,35)
```
#8d9327
```
#8d9327 rgb(141,147,39)
```
#9ca22b
```
#9ca22b rgb(156,162,43)
```
#abb22f
```
#abb22f rgb(171,178,47)
```
#bac233
```
#bac233 rgb(186,194,51)
```

Shade Color Variation

#c4cc3d
```
#c4cc3d rgb(196,204,61)
```
#c9d04c
```
#c9d04c rgb(201,208,76)
```
#cdd45c
```
#cdd45c rgb(205,212,92)
```
#d2d86b
```
#d2d86b rgb(210,216,107)
```
#d7dc7b
```
#d7dc7b rgb(215,220,123)
```
#dce08a
```
#dce08a rgb(220,224,138)
```
#e0e49a
```
#e0e49a rgb(224,228,154)
```
#e5e8a9
```
#e5e8a9 rgb(229,232,169)
```
#eaecb9
```
#eaecb9 rgb(234,236,185)
```
#eef1c8
```
#eef1c8 rgb(238,241,200)
```
#f3f5d8
```
#f3f5d8 rgb(243,245,216)
```
#f8f9e7
```
#f8f9e7 rgb(248,249,231)
```
#fdfdf7
```
#fdfdf7 rgb(253,253,247)
```

Tint Color Variation

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

#75756c
```
#75756c rgb(117,117,108)
```
#7d7e63
```
#7d7e63 rgb(125,126,99)
```
#84875a
```
#84875a rgb(132,135,90)
```
#8c8f52
```
#8c8f52 rgb(140,143,82)
```
#949849
```
#949849 rgb(148,152,73)
```
#9ca140
```
#9ca140 rgb(156,161,64)
```
#a3a938
```
#a3a938 rgb(163,169,56)
```
#abb22f
```
#abb22f rgb(171,178,47)
```
#b3bb26
```
#b3bb26 rgb(179,187,38)
```
#bac31e
```
#bac31e rgb(186,195,30)
```
#c2cc15
```
#c2cc15 rgb(194,204,21)
```
#cad50c
```
#cad50c rgb(202,213,12)
```
#d2dd04
```
#d2dd04 rgb(210,221,4)
```

Tone Color Variation

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

#a1a1a1 Achromatopsia 0.005% of the population
#a3a48a Atypical Achromatopsia 0.001% of the population

Dichromacy

#c3af38 Protanopia 1% of men
#d9a741 Deuteranopia 1% of men
#bbaab6 Tritanopia 0.001% of the population

Trichromacy

#bab034 Protanomaly 1% of men, 0.01% of women
#c8ab3a Deuteranomaly 6% of men, 0.4% of women
#b5ad85 Tritanomaly 0.01% of the population

#abb22f hex color

#abb22f Color Information

#abb22f Color Conversion

Color Schemes with #abb22f

Alternatives to #abb22f

#abb22f Preview

Shades and Tints of #abb22f

Tones of #abb22f

Color Blindness Simulator