#abf222 hex color

In a RGB color space, hex #abf222 is composed of 67.1% red, 94.9% green and 13.3% blue. Whereas in a CMYK color space, it is composed of 29.3% cyan, 0% magenta, 86% yellow and 5.1% black. It has a hue angle of 80.5 degrees, a saturation of 88.9% and a lightness of 54.1%. #abf222 color hex could be obtained by blending #ffff44 with #57e500. Closest websafe color is: #99ff33.

♥
- f
- t
- g
- R 67
- G 95
- B 13
RGB color chart
- C 29
- M 0
- Y 86
- K 5
CMYK color chart

● #abf222 color description : Vivid green.

The hexadecimal color #abf222 has RGB values of R:171, G:242, B:34 and CMYK values of C:0.29, M:0, Y:0.86, K:0.05. Its decimal value is 11268642.

Hex triplet	abf222	`#abf222`
RGB Decimal	171, 242, 34	`rgb(171,242,34)`
RGB Percent	67.1, 94.9, 13.3	`rgb(67.1%,94.9%,13.3%)`
CMYK	29, 0, 86, 5
HSL	80.5°, 88.9, 54.1	`hsl(80.5,88.9%,54.1%)`
HSV (or HSB)	80.5°, 86, 94.9
Web Safe	99ff33	`#99ff33`

CIE-LAB	88.101, -48.246, 81.279
XYZ	48.835, 72.276, 12.891
xyY	0.364, 0.539, 72.276
CIE-LCH	88.101, 94.52, 120.693
CIE-LUV	88.101, -35.642, 99.472
Hunter-Lab	85.015, -46.243, 50.521
Binary	10101011, 11110010, 00100010

#abf222
```
#abf222 rgb(171,242,34)
```
#6922f2
```
#6922f2 rgb(105,34,242)
```

Complementary Color

#f2d122
```
#f2d122 rgb(242,209,34)
```
#abf222
```
#abf222 rgb(171,242,34)
```
#43f222
```
#43f222 rgb(67,242,34)
```

Analogous Color

#d122f2
```
#d122f2 rgb(209,34,242)
```
#abf222
```
#abf222 rgb(171,242,34)
```
#2243f2
```
#2243f2 rgb(34,67,242)
```

Split Complementary Color

#f222ab
```
#f222ab rgb(242,34,171)
```
#abf222
```
#abf222 rgb(171,242,34)
```
#22abf2
```
#22abf2 rgb(34,171,242)
```

Triadic Color

#f26922
```
#f26922 rgb(242,105,34)
```
#abf222
```
#abf222 rgb(171,242,34)
```
#22abf2
```
#22abf2 rgb(34,171,242)
```
#6922f2
```
#6922f2 rgb(105,34,242)
```

Tetradic Color

#80bc0b
```
#80bc0b rgb(128,188,11)
```
#90d50d
```
#90d50d rgb(144,213,13)
```
#a1ed0e
```
#a1ed0e rgb(161,237,14)
```
#abf222
```
#abf222 rgb(171,242,34)
```
#b4f33a
```
#b4f33a rgb(180,243,58)
```
#bdf552
```
#bdf552 rgb(189,245,82)
```
#c6f66a
```
#c6f66a rgb(198,246,106)
```

Monochromatic Color

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

#dff222
```
#dff222 rgb(223,242,34)
```
#cef222
```
#cef222 rgb(206,242,34)
```
#bcf222
```
#bcf222 rgb(188,242,34)
```
#abf222
```
#abf222 rgb(171,242,34)
```
#9af222
```
#9af222 rgb(154,242,34)
```
#88f222
```
#88f222 rgb(136,242,34)
```
#77f222
```
#77f222 rgb(119,242,34)
```

Similar Colors

Text with hexadecimal color #abf222

This text has a font color of #abf222.

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

#abf222 background color

This paragraph has a background color of #abf222.

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

#abf222 border color

This element has a border color of #abf222.

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

CSS codes

.text {color:#abf222;}

.background {background-color:#abf222;}

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

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

#010100
```
#010100 rgb(1,1,0)
```
#0d1401
```
#0d1401 rgb(13,20,1)
```
#1a2602
```
#1a2602 rgb(26,38,2)
```
#273903
```
#273903 rgb(39,57,3)
```
#334b04
```
#334b04 rgb(51,75,4)
```
#405e06
```
#405e06 rgb(64,94,6)
```
#4c7007
```
#4c7007 rgb(76,112,7)
```
#598308
```
#598308 rgb(89,131,8)
```
#659609
```
#659609 rgb(101,150,9)
```
#72a80a
```
#72a80a rgb(114,168,10)
```
#7fbb0b
```
#7fbb0b rgb(127,187,11)
```
#8bcd0c
```
#8bcd0c rgb(139,205,12)
```
#98e00d
```
#98e00d rgb(152,224,13)
```

Shade Color Variation

#a4f10f
```
#a4f10f rgb(164,241,15)
```
#abf222
```
#abf222 rgb(171,242,34)
```
#b2f335
```
#b2f335 rgb(178,243,53)
```
#b9f447
```
#b9f447 rgb(185,244,71)
```
#c0f55a
```
#c0f55a rgb(192,245,90)
```
#c7f66c
```
#c7f66c rgb(199,246,108)
```
#cef77f
```
#cef77f rgb(206,247,127)
```
#d5f991
```
#d5f991 rgb(213,249,145)
```
#dcfaa4
```
#dcfaa4 rgb(220,250,164)
```
#e3fbb6
```
#e3fbb6 rgb(227,251,182)
```
#eafcc9
```
#eafcc9 rgb(234,252,201)
```
#f1fddb
```
#f1fddb rgb(241,253,219)
```
#f8feee
```
#f8feee rgb(248,254,238)
```

Tint Color Variation

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

#8c8f85
```
#8c8f85 rgb(140,143,133)
```
#8e987c
```
#8e987c rgb(142,152,124)
```
#91a173
```
#91a173 rgb(145,161,115)
```
#94aa6a
```
#94aa6a rgb(148,170,106)
```
#97b361
```
#97b361 rgb(151,179,97)
```
#9abc58
```
#9abc58 rgb(154,188,88)
```
#9dc54f
```
#9dc54f rgb(157,197,79)
```
#a0ce46
```
#a0ce46 rgb(160,206,70)
```
#a2d73d
```
#a2d73d rgb(162,215,61)
```
#a5e034
```
#a5e034 rgb(165,224,52)
```
#a8e92b
```
#a8e92b rgb(168,233,43)
```
#abf222
```
#abf222 rgb(171,242,34)
```
#aefb19
```
#aefb19 rgb(174,251,25)
```

Tone Color Variation

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

#c5c5c5 Achromatopsia 0.005% of the population
#c0cea4 Atypical Achromatopsia 0.001% of the population

Dichromacy

#f9df27 Protanopia 1% of men
#ffd8a3 Deuteranopia 1% of men
#c8e2f2 Tritanopia 0.001% of the population

Trichromacy

#dde625 Protanomaly 1% of men, 0.01% of women
#e0e274 Deuteranomaly 6% of men, 0.4% of women
#bde8a6 Tritanomaly 0.01% of the population

#abf222 hex color

#abf222 Color Information

#abf222 Color Conversion

Color Schemes with #abf222

Alternatives to #abf222

#abf222 Preview

Shades and Tints of #abf222

Tones of #abf222

Color Blindness Simulator