colorhexa.com

#abf97b hex color

In a RGB color space, hex #abf97b is composed of 67.1% red, 97.6% green and 48.2% blue. Whereas in a CMYK color space, it is composed of 31.3% cyan, 0% magenta, 50.6% yellow and 2.4% black. It has a hue angle of 97.1 degrees, a saturation of 91.3% and a lightness of 72.9%. #abf97b color hex could be obtained by blending #fffff6 with #57f300. Closest websafe color is: #99ff66.

- R 67
- G 98
- B 48
RGB color chart
- C 31
- M 0
- Y 51
- K 2
CMYK color chart

● #abf97b color description : Soft green.

The hexadecimal color #abf97b has RGB values of R:171, G:249, B:123 and CMYK values of C:0.31, M:0, Y:0.51, K:0.02. Its decimal value is 11270523.

Hex triplet	abf97b	`#abf97b`
RGB Decimal	171, 249, 123	`rgb(171,249,123)`
RGB Percent	67.1, 97.6, 48.2	`rgb(67.1%,97.6%,48.2%)`
CMYK	31, 0, 51, 2
HSL	97.1°, 91.3, 72.9	`hsl(97.1,91.3%,72.9%)`
HSV (or HSB)	97.1°, 50.6, 97.6
Web Safe	99ff66	`#99ff66`

CIE-LAB	90.706, -45.2, 52.539
XYZ	54.244, 77.837, 30.904
xyY	0.333, 0.478, 77.837
CIE-LCH	90.706, 69.307, 130.706
CIE-LUV	90.706, -38.652, 76.159
Hunter-Lab	88.225, -44.647, 40.99
Binary	10101011, 11111001, 01111011

#abf97b
```
#abf97b rgb(171,249,123)
```
#c97bf9
```
#c97bf9 rgb(201,123,249)
```

Complementary Color

#eaf97b
```
#eaf97b rgb(234,249,123)
```
#abf97b
```
#abf97b rgb(171,249,123)
```
#7bf98a
```
#7bf98a rgb(123,249,138)
```

Analogous Color

#f97bea
```
#f97bea rgb(249,123,234)
```
#abf97b
```
#abf97b rgb(171,249,123)
```
#8a7bf9
```
#8a7bf9 rgb(138,123,249)
```

Split Complementary Color

#f97bab
```
#f97bab rgb(249,123,171)
```
#abf97b
```
#abf97b rgb(171,249,123)
```
#7babf9
```
#7babf9 rgb(123,171,249)
```

Triadic Color

#f9c97b
```
#f9c97b rgb(249,201,123)
```
#abf97b
```
#abf97b rgb(171,249,123)
```
#7babf9
```
#7babf9 rgb(123,171,249)
```
#c97bf9
```
#c97bf9 rgb(201,123,249)
```

Tetradic Color

#7cf632
```
#7cf632 rgb(124,246,50)
```
#8cf74a
```
#8cf74a rgb(140,247,74)
```
#9bf863
```
#9bf863 rgb(155,248,99)
```
#abf97b
```
#abf97b rgb(171,249,123)
```
#bbfa93
```
#bbfa93 rgb(187,250,147)
```
#cafbac
```
#cafbac rgb(202,251,172)
```
#dafcc4
```
#dafcc4 rgb(218,252,196)
```

Monochromatic Color

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

#cbf97b
```
#cbf97b rgb(203,249,123)
```
#c0f97b
```
#c0f97b rgb(192,249,123)
```
#b6f97b
```
#b6f97b rgb(182,249,123)
```
#abf97b
```
#abf97b rgb(171,249,123)
```
#a1f97b
```
#a1f97b rgb(161,249,123)
```
#96f97b
```
#96f97b rgb(150,249,123)
```
#8cf97b
```
#8cf97b rgb(140,249,123)
```

Similar Colors

Text with hexadecimal color #abf97b

This text has a font color of #abf97b.

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

#abf97b background color

This paragraph has a background color of #abf97b.

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

#abf97b border color

This element has a border color of #abf97b.

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

CSS codes

.text {color:#abf97b;}

.background {background-color:#abf97b;}

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

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

#071201
```
#071201 rgb(7,18,1)
```
#0f2502
```
#0f2502 rgb(15,37,2)
```
#173803
```
#173803 rgb(23,56,3)
```
#1e4a03
```
#1e4a03 rgb(30,74,3)
```
#265d04
```
#265d04 rgb(38,93,4)
```
#2e7005
```
#2e7005 rgb(46,112,5)
```
#358306
```
#358306 rgb(53,131,6)
```
#3d9507
```
#3d9507 rgb(61,149,7)
```
#45a808
```
#45a808 rgb(69,168,8)
```
#4cbb08
```
#4cbb08 rgb(76,187,8)
```
#54ce09
```
#54ce09 rgb(84,206,9)
```
#5ce00a
```
#5ce00a rgb(92,224,10)
```
#64f30b
```
#64f30b rgb(100,243,11)
```

Shade Color Variation

#6ff51d
```
#6ff51d rgb(111,245,29)
```
#7bf630
```
#7bf630 rgb(123,246,48)
```
#87f643
```
#87f643 rgb(135,246,67)
```
#93f755
```
#93f755 rgb(147,247,85)
```
#9ff868
```
#9ff868 rgb(159,248,104)
```
#abf97b
```
#abf97b rgb(171,249,123)
```
#b7fa8e
```
#b7fa8e rgb(183,250,142)
```
#c3fba1
```
#c3fba1 rgb(195,251,161)
```
#cffcb3
```
#cffcb3 rgb(207,252,179)
```
#dbfcc6
```
#dbfcc6 rgb(219,252,198)
```
#e7fdd9
```
#e7fdd9 rgb(231,253,217)
```
#f3feec
```
#f3feec rgb(243,254,236)
```
#fffffe
```
#fffffe rgb(255,255,254)
```

Tint Color Variation

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

#b9bfb5
```
#b9bfb5 rgb(185,191,181)
```
#b8c4b0
```
#b8c4b0 rgb(184,196,176)
```
#b6c9ab
```
#b6c9ab rgb(182,201,171)
```
#b5cfa5
```
#b5cfa5 rgb(181,207,165)
```
#b4d4a0
```
#b4d4a0 rgb(180,212,160)
```
#b3d99b
```
#b3d99b rgb(179,217,155)
```
#b1de96
```
#b1de96 rgb(177,222,150)
```
#b0e490
```
#b0e490 rgb(176,228,144)
```
#afe98b
```
#afe98b rgb(175,233,139)
```
#aeee86
```
#aeee86 rgb(174,238,134)
```
#acf480
```
#acf480 rgb(172,244,128)
```
#abf97b
```
#abf97b rgb(171,249,123)
```
#aafe76
```
#aafe76 rgb(170,254,118)
```

Tone Color Variation

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

#d3d3d3 Achromatopsia 0.005% of the population
#cbdbc1 Atypical Achromatopsia 0.001% of the population

Dichromacy

#fce57b Protanopia 1% of men
#ffe0c0 Deuteranopia 1% of men
#c5ebfc Tritanopia 0.001% of the population

Trichromacy

#deec7b Protanomaly 1% of men, 0.01% of women
#e0e9a7 Deuteranomaly 6% of men, 0.4% of women
#bcf0cd Tritanomaly 0.01% of the population