#abd71f hex color

In a RGB color space, hex #abd71f is composed of 67.1% red, 84.3% green and 12.2% blue. Whereas in a CMYK color space, it is composed of 20.5% cyan, 0% magenta, 85.6% yellow and 15.7% black. It has a hue angle of 74.3 degrees, a saturation of 74.8% and a lightness of 48.2%. #abd71f color hex could be obtained by blending #ffff3e with #57af00. Closest websafe color is: #99cc33.

♥
- f
- t
- g
- R 67
- G 84
- B 12
RGB color chart
- C 20
- M 0
- Y 86
- K 16
CMYK color chart

● #abd71f color description : Strong yellow.

The hexadecimal color #abd71f has RGB values of R:171, G:215, B:31 and CMYK values of C:0.2, M:0, Y:0.86, K:0.16. Its decimal value is 11261727.

Hex triplet	abd71f	`#abd71f`
RGB Decimal	171, 215, 31	`rgb(171,215,31)`
RGB Percent	67.1, 84.3, 12.2	`rgb(67.1%,84.3%,12.2%)`
CMYK	20, 0, 86, 16
HSL	74.3°, 74.8, 48.2	`hsl(74.3,74.8%,48.2%)`
HSV (or HSB)	74.3°, 85.6, 84.3
Web Safe	99cc33	`#99cc33`

CIE-LAB	80.38, -36.593, 75.371
XYZ	41.342, 57.357, 10.189
xyY	0.38, 0.527, 57.357
CIE-LCH	80.38, 83.785, 115.897
CIE-LUV	80.38, -21.377, 89.22
Hunter-Lab	75.734, -35.096, 45.037
Binary	10101011, 11010111, 00011111

#abd71f
```
#abd71f rgb(171,215,31)
```
#4b1fd7
```
#4b1fd7 rgb(75,31,215)
```

Complementary Color

#d7a71f
```
#d7a71f rgb(215,167,31)
```
#abd71f
```
#abd71f rgb(171,215,31)
```
#4fd71f
```
#4fd71f rgb(79,215,31)
```

Analogous Color

#a71fd7
```
#a71fd7 rgb(167,31,215)
```
#abd71f
```
#abd71f rgb(171,215,31)
```
#1f4fd7
```
#1f4fd7 rgb(31,79,215)
```

Split Complementary Color

#d71fab
```
#d71fab rgb(215,31,171)
```
#abd71f
```
#abd71f rgb(171,215,31)
```
#1fabd7
```
#1fabd7 rgb(31,171,215)
```

Triadic Color

#d74b1f
```
#d74b1f rgb(215,75,31)
```
#abd71f
```
#abd71f rgb(171,215,31)
```
#1fabd7
```
#1fabd7 rgb(31,171,215)
```
#4b1fd7
```
#4b1fd7 rgb(75,31,215)
```

Tetradic Color

#769415
```
#769415 rgb(118,148,21)
```
#88aa19
```
#88aa19 rgb(136,170,25)
```
#99c11c
```
#99c11c rgb(153,193,28)
```
#abd71f
```
#abd71f rgb(171,215,31)
```
#b6e12f
```
#b6e12f rgb(182,225,47)
```
#bee445
```
#bee445 rgb(190,228,69)
```
#c6e75b
```
#c6e75b rgb(198,231,91)
```

Monochromatic Color

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

#d7d51f
```
#d7d51f rgb(215,213,31)
```
#cad71f
```
#cad71f rgb(202,215,31)
```
#bad71f
```
#bad71f rgb(186,215,31)
```
#abd71f
```
#abd71f rgb(171,215,31)
```
#9cd71f
```
#9cd71f rgb(156,215,31)
```
#8cd71f
```
#8cd71f rgb(140,215,31)
```
#7dd71f
```
#7dd71f rgb(125,215,31)
```

Similar Colors

Text with hexadecimal color #abd71f

This text has a font color of #abd71f.

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

#abd71f background color

This paragraph has a background color of #abd71f.

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

#abd71f border color

This element has a border color of #abd71f.

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

CSS codes

.text {color:#abd71f;}

.background {background-color:#abd71f;}

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

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

#070901
```
#070901 rgb(7,9,1)
```
#151a04
```
#151a04 rgb(21,26,4)
```
#232c06
```
#232c06 rgb(35,44,6)
```
#303d09
```
#303d09 rgb(48,61,9)
```
#3e4e0b
```
#3e4e0b rgb(62,78,11)
```
#4c5f0e
```
#4c5f0e rgb(76,95,14)
```
#597010
```
#597010 rgb(89,112,16)
```
#678113
```
#678113 rgb(103,129,19)
```
#749215
```
#749215 rgb(116,146,21)
```
#82a418
```
#82a418 rgb(130,164,24)
```
#90b51a
```
#90b51a rgb(144,181,26)
```
#9dc61d
```
#9dc61d rgb(157,198,29)
```
#abd71f
```
#abd71f rgb(171,215,31)
```

Shade Color Variation

#b4e029
```
#b4e029 rgb(180,224,41)
```
#bae33b
```
#bae33b rgb(186,227,59)
```
#c0e54c
```
#c0e54c rgb(192,229,76)
```
#c6e85d
```
#c6e85d rgb(198,232,93)
```
#ccea6e
```
#ccea6e rgb(204,234,110)
```
#d2ed7f
```
#d2ed7f rgb(210,237,127)
```
#d8ef90
```
#d8ef90 rgb(216,239,144)
```
#def2a1
```
#def2a1 rgb(222,242,161)
```
#e4f4b3
```
#e4f4b3 rgb(228,244,179)
```
#eaf6c4
```
#eaf6c4 rgb(234,246,196)
```
#f0f9d5
```
#f0f9d5 rgb(240,249,213)
```
#f6fbe6
```
#f6fbe6 rgb(246,251,230)
```
#fcfef7
```
#fcfef7 rgb(252,254,247)
```

Tint Color Variation

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

#7f8274
```
#7f8274 rgb(127,130,116)
```
#848b6b
```
#848b6b rgb(132,139,107)
```
#889561
```
#889561 rgb(136,149,97)
```
#8d9e58
```
#8d9e58 rgb(141,158,88)
```
#92a84e
```
#92a84e rgb(146,168,78)
```
#97b145
```
#97b145 rgb(151,177,69)
```
#9cbb3b
```
#9cbb3b rgb(156,187,59)
```
#a1c432
```
#a1c432 rgb(161,196,50)
```
#a6ce28
```
#a6ce28 rgb(166,206,40)
```
#abd71f
```
#abd71f rgb(171,215,31)
```
#b0e016
```
#b0e016 rgb(176,224,22)
```
#b5ea0c
```
#b5ea0c rgb(181,234,12)
```
#baf303
```
#baf303 rgb(186,243,3)
```

Tone Color Variation

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

#b5b5b5 Achromatopsia 0.005% of the population
#b3bc97 Atypical Achromatopsia 0.001% of the population

Dichromacy

#e2ca26 Protanopia 1% of men
#fbc03c Deuteranopia 1% of men
#c2cad9 Tritanopia 0.001% of the population

Trichromacy

#cecf23 Protanomaly 1% of men, 0.01% of women
#dec831 Deuteranomaly 6% of men, 0.4% of women
#bacf95 Tritanomaly 0.01% of the population

#abd71f hex color

#abd71f Color Information

#abd71f Color Conversion

Color Schemes with #abd71f

Alternatives to #abd71f

#abd71f Preview

Shades and Tints of #abd71f

Tones of #abd71f

Color Blindness Simulator