#abb97f hex color

In a RGB color space, hex #abb97f is composed of 67.1% red, 72.5% green and 49.8% blue. Whereas in a CMYK color space, it is composed of 7.6% cyan, 0% magenta, 31.4% yellow and 27.5% black. It has a hue angle of 74.5 degrees, a saturation of 29.3% and a lightness of 61.2%. #abb97f color hex could be obtained by blending #fffffe with #577300. Closest websafe color is: #99cc66.

♥
- f
- t
- g
- R 67
- G 73
- B 50
RGB color chart
- C 8
- M 0
- Y 31
- K 27
CMYK color chart

● #abb97f color description : Slightly desaturated yellow.

The hexadecimal color #abb97f has RGB values of R:171, G:185, B:127 and CMYK values of C:0.08, M:0, Y:0.31, K:0.27. Its decimal value is 11254143.

Hex triplet	abb97f	`#abb97f`
RGB Decimal	171, 185, 127	`rgb(171,185,127)`
RGB Percent	67.1, 72.5, 49.8	`rgb(67.1%,72.5%,49.8%)`
CMYK	8, 0, 31, 27
HSL	74.5°, 29.3, 61.2	`hsl(74.5,29.3%,61.2%)`
HSV (or HSB)	74.5°, 31.4, 72.5
Web Safe	99cc66	`#99cc66`

CIE-LAB	72.818, -14.58, 27.887
XYZ	37.974, 44.888, 26.741
xyY	0.346, 0.41, 44.888
CIE-LCH	72.818, 31.468, 117.602
CIE-LUV	72.818, -5.621, 39.821
Hunter-Lab	66.999, -16.077, 23.234
Binary	10101011, 10111001, 01111111

#abb97f
```
#abb97f rgb(171,185,127)
```
#8d7fb9
```
#8d7fb9 rgb(141,127,185)
```

Complementary Color

#b9aa7f
```
#b9aa7f rgb(185,170,127)
```
#abb97f
```
#abb97f rgb(171,185,127)
```
#8eb97f
```
#8eb97f rgb(142,185,127)
```

Analogous Color

#aa7fb9
```
#aa7fb9 rgb(170,127,185)
```
#abb97f
```
#abb97f rgb(171,185,127)
```
#7f8eb9
```
#7f8eb9 rgb(127,142,185)
```

Split Complementary Color

#b97fab
```
#b97fab rgb(185,127,171)
```
#abb97f
```
#abb97f rgb(171,185,127)
```
#7fabb9
```
#7fabb9 rgb(127,171,185)
```

Triadic Color

#b98d7f
```
#b98d7f rgb(185,141,127)
```
#abb97f
```
#abb97f rgb(171,185,127)
```
#7fabb9
```
#7fabb9 rgb(127,171,185)
```
#8d7fb9
```
#8d7fb9 rgb(141,127,185)
```

Tetradic Color

#889853
```
#889853 rgb(136,152,83)
```
#95a75e
```
#95a75e rgb(149,167,94)
```
#a0b06f
```
#a0b06f rgb(160,176,111)
```
#abb97f
```
#abb97f rgb(171,185,127)
```
#b6c28f
```
#b6c28f rgb(182,194,143)
```
#c1cba0
```
#c1cba0 rgb(193,203,160)
```
#cbd4b0
```
#cbd4b0 rgb(203,212,176)
```

Monochromatic Color

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

#b9b97f
```
#b9b97f rgb(185,185,127)
```
#b5b97f
```
#b5b97f rgb(181,185,127)
```
#b0b97f
```
#b0b97f rgb(176,185,127)
```
#abb97f
```
#abb97f rgb(171,185,127)
```
#a6b97f
```
#a6b97f rgb(166,185,127)
```
#a1b97f
```
#a1b97f rgb(161,185,127)
```
#9db97f
```
#9db97f rgb(157,185,127)
```

Similar Colors

Text with hexadecimal color #abb97f

This text has a font color of #abb97f.

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

#abb97f background color

This paragraph has a background color of #abb97f.

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

#abb97f border color

This element has a border color of #abb97f.

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

CSS codes

.text {color:#abb97f;}

.background {background-color:#abb97f;}

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

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

#0a0b06
```
#0a0b06 rgb(10,11,6)
```
#16180d
```
#16180d rgb(22,24,13)
```
#212514
```
#212514 rgb(33,37,20)
```
#2c321b
```
#2c321b rgb(44,50,27)
```
#373e22
```
#373e22 rgb(55,62,34)
```
#434b29
```
#434b29 rgb(67,75,41)
```
#4e5830
```
#4e5830 rgb(78,88,48)
```
#596437
```
#596437 rgb(89,100,55)
```
#65713e
```
#65713e rgb(101,113,62)
```
#707e45
```
#707e45 rgb(112,126,69)
```
#7b8a4c
```
#7b8a4c rgb(123,138,76)
```
#869753
```
#869753 rgb(134,151,83)
```
#92a459
```
#92a459 rgb(146,164,89)
```

Shade Color Variation

#9aab66
```
#9aab66 rgb(154,171,102)
```
#a3b272
```
#a3b272 rgb(163,178,114)
```
#abb97f
```
#abb97f rgb(171,185,127)
```
#b3c08c
```
#b3c08c rgb(179,192,140)
```
#bcc798
```
#bcc798 rgb(188,199,152)
```
#c4cea5
```
#c4cea5 rgb(196,206,165)
```
#ccd5b2
```
#ccd5b2 rgb(204,213,178)
```
#d5dcbe
```
#d5dcbe rgb(213,220,190)
```
#dde3cb
```
#dde3cb rgb(221,227,203)
```
#e5ead8
```
#e5ead8 rgb(229,234,216)
```
#eef0e4
```
#eef0e4 rgb(238,240,228)
```
#f6f7f1
```
#f6f7f1 rgb(246,247,241)
```
#fefefe
```
#fefefe rgb(254,254,254)
```

Tint Color Variation

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

#9fa296
```
#9fa296 rgb(159,162,150)
```
#a3aa8e
```
#a3aa8e rgb(163,170,142)
```
#a7b187
```
#a7b187 rgb(167,177,135)
```
#abb97f
```
#abb97f rgb(171,185,127)
```
#afc177
```
#afc177 rgb(175,193,119)
```
#b3c870
```
#b3c870 rgb(179,200,112)
```
#b7d068
```
#b7d068 rgb(183,208,104)
```
#bbd761
```
#bbd761 rgb(187,215,97)
```
#bfdf59
```
#bfdf59 rgb(191,223,89)
```
#c3e751
```
#c3e751 rgb(195,231,81)
```
#c7ee4a
```
#c7ee4a rgb(199,238,74)
```
#cbf642
```
#cbf642 rgb(203,246,66)
```
#cefe3a
```
#cefe3a rgb(206,254,58)
```

Tone Color Variation

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

#aeaeae Achromatopsia 0.005% of the population
#adb0a5 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c4b683 Protanopia 1% of men
#d6af89 Deuteranopia 1% of men
#b8b4c1 Tritanopia 0.001% of the population

Trichromacy

#bbb781 Protanomaly 1% of men, 0.01% of women
#c6b385 Deuteranomaly 6% of men, 0.4% of women
#b3b6a9 Tritanomaly 0.01% of the population

#abb97f hex color

#abb97f Color Information

#abb97f Color Conversion

Color Schemes with #abb97f

Alternatives to #abb97f

#abb97f Preview

Shades and Tints of #abb97f

Tones of #abb97f

Color Blindness Simulator