#abf86b hex color

In a RGB color space, hex #abf86b is composed of 67.1% red, 97.3% green and 42% blue. Whereas in a CMYK color space, it is composed of 31% cyan, 0% magenta, 56.9% yellow and 2.7% black. It has a hue angle of 92.8 degrees, a saturation of 91% and a lightness of 69.6%. #abf86b color hex could be obtained by blending #ffffd6 with #57f100. Closest websafe color is: #99ff66.

♥
- f
- t
- g
- R 67
- G 97
- B 42
RGB color chart
- C 31
- M 0
- Y 57
- K 3
CMYK color chart

● #abf86b color description : Soft green.

The hexadecimal color #abf86b has RGB values of R:171, G:248, B:107 and CMYK values of C:0.31, M:0, Y:0.57, K:0.03. Its decimal value is 11270251.

Hex triplet	abf86b	`#abf86b`
RGB Decimal	171, 248, 107	`rgb(171,248,107)`
RGB Percent	67.1, 97.3, 42	`rgb(67.1%,97.3%,42%)`
CMYK	31, 0, 57, 3
HSL	92.8°, 91, 69.6	`hsl(92.8,91%,69.6%)`
HSV (or HSB)	92.8°, 56.9, 97.3
Web Safe	99ff66	`#99ff66`

CIE-LAB	90.254, -46.409, 59.196
XYZ	53.014, 76.852, 25.95
xyY	0.34, 0.493, 76.852
CIE-LCH	90.254, 75.219, 128.096
CIE-LUV	90.254, -38.298, 82.712
Hunter-Lab	87.665, -45.47, 43.815
Binary	10101011, 11111000, 01101011

#abf86b
```
#abf86b rgb(171,248,107)
```
#b86bf8
```
#b86bf8 rgb(184,107,248)
```

Complementary Color

#f2f86b
```
#f2f86b rgb(242,248,107)
```
#abf86b
```
#abf86b rgb(171,248,107)
```
#6bf872
```
#6bf872 rgb(107,248,114)
```

Analogous Color

#f86bf2
```
#f86bf2 rgb(248,107,242)
```
#abf86b
```
#abf86b rgb(171,248,107)
```
#726bf8
```
#726bf8 rgb(114,107,248)
```

Split Complementary Color

#f86bab
```
#f86bab rgb(248,107,171)
```
#abf86b
```
#abf86b rgb(171,248,107)
```
#6babf8
```
#6babf8 rgb(107,171,248)
```

Triadic Color

#f8b86b
```
#f8b86b rgb(248,184,107)
```
#abf86b
```
#abf86b rgb(171,248,107)
```
#6babf8
```
#6babf8 rgb(107,171,248)
```
#b86bf8
```
#b86bf8 rgb(184,107,248)
```

Tetradic Color

#82f522
```
#82f522 rgb(130,245,34)
```
#8ff63a
```
#8ff63a rgb(143,246,58)
```
#9df753
```
#9df753 rgb(157,247,83)
```
#abf86b
```
#abf86b rgb(171,248,107)
```
#b9f983
```
#b9f983 rgb(185,249,131)
```
#c7fa9c
```
#c7fa9c rgb(199,250,156)
```
#d4fbb4
```
#d4fbb4 rgb(212,251,180)
```

Monochromatic Color

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

#cef86b
```
#cef86b rgb(206,248,107)
```
#c3f86b
```
#c3f86b rgb(195,248,107)
```
#b7f86b
```
#b7f86b rgb(183,248,107)
```
#abf86b
```
#abf86b rgb(171,248,107)
```
#9ff86b
```
#9ff86b rgb(159,248,107)
```
#94f86b
```
#94f86b rgb(148,248,107)
```
#88f86b
```
#88f86b rgb(136,248,107)
```

Similar Colors

Text with hexadecimal color #abf86b

This text has a font color of #abf86b.

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

#abf86b background color

This paragraph has a background color of #abf86b.

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

#abf86b border color

This element has a border color of #abf86b.

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

CSS codes

.text {color:#abf86b;}

.background {background-color:#abf86b;}

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

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

#010200
```
#010200 rgb(1,2,0)
```
#0a1501
```
#0a1501 rgb(10,21,1)
```
#132702
```
#132702 rgb(19,39,2)
```
#1c3a03
```
#1c3a03 rgb(28,58,3)
```
#254d04
```
#254d04 rgb(37,77,4)
```
#2e5f05
```
#2e5f05 rgb(46,95,5)
```
#377205
```
#377205 rgb(55,114,5)
```
#408506
```
#408506 rgb(64,133,6)
```
#499807
```
#499807 rgb(73,152,7)
```
#52aa08
```
#52aa08 rgb(82,170,8)
```
#5bbd09
```
#5bbd09 rgb(91,189,9)
```
#64d00a
```
#64d00a rgb(100,208,10)
```
#6de30b
```
#6de30b rgb(109,227,11)
```

Shade Color Variation

#76f40d
```
#76f40d rgb(118,244,13)
```
#80f420
```
#80f420 rgb(128,244,32)
```
#8bf533
```
#8bf533 rgb(139,245,51)
```
#96f646
```
#96f646 rgb(150,246,70)
```
#a0f758
```
#a0f758 rgb(160,247,88)
```
#abf86b
```
#abf86b rgb(171,248,107)
```
#b6f97e
```
#b6f97e rgb(182,249,126)
```
#c0fa90
```
#c0fa90 rgb(192,250,144)
```
#cbfba3
```
#cbfba3 rgb(203,251,163)
```
#d6fcb6
```
#d6fcb6 rgb(214,252,182)
```
#e0fcc9
```
#e0fcc9 rgb(224,252,201)
```
#ebfddb
```
#ebfddb rgb(235,253,219)
```
#f5feee
```
#f5feee rgb(245,254,238)
```

Tint Color Variation

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

#b1b6ad
```
#b1b6ad rgb(177,182,173)
```
#b0bca7
```
#b0bca7 rgb(176,188,167)
```
#b0c2a1
```
#b0c2a1 rgb(176,194,161)
```
#afc89b
```
#afc89b rgb(175,200,155)
```
#afce95
```
#afce95 rgb(175,206,149)
```
#aed48f
```
#aed48f rgb(174,212,143)
```
#aeda89
```
#aeda89 rgb(174,218,137)
```
#ade083
```
#ade083 rgb(173,224,131)
```
#ade67d
```
#ade67d rgb(173,230,125)
```
#acec77
```
#acec77 rgb(172,236,119)
```
#acf271
```
#acf271 rgb(172,242,113)
```
#abf86b
```
#abf86b rgb(171,248,107)
```
#aafe65
```
#aafe65 rgb(170,254,101)
```

Tone Color Variation

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

#d1d1d1 Achromatopsia 0.005% of the population
#c9d9bd Atypical Achromatopsia 0.001% of the population

Dichromacy

#fce46c Protanopia 1% of men
#ffdfba Deuteranopia 1% of men
#c6eafa Tritanopia 0.001% of the population

Trichromacy

#deeb6c Protanomaly 1% of men, 0.01% of women
#e0e89d Deuteranomaly 6% of men, 0.4% of women
#bcefc6 Tritanomaly 0.01% of the population

#abf86b hex color

#abf86b Color Information

#abf86b Color Conversion

Color Schemes with #abf86b

Alternatives to #abf86b

#abf86b Preview

Shades and Tints of #abf86b

Tones of #abf86b

Color Blindness Simulator