colorhexa.com

#aaf218 hex color

In a RGB color space, hex #aaf218 is composed of 66.7% red, 94.9% green and 9.4% blue. Whereas in a CMYK color space, it is composed of 29.8% cyan, 0% magenta, 90.1% yellow and 5.1% black. It has a hue angle of 79.8 degrees, a saturation of 89.3% and a lightness of 52.2%. #aaf218 color hex could be obtained by blending #ffff30 with #55e500. Closest websafe color is: #99ff00.

- R 67
- G 95
- B 9
RGB color chart
- C 30
- M 0
- Y 90
- K 5
CMYK color chart

● #aaf218 color description : Vivid green.

The hexadecimal color #aaf218 has RGB values of R:170, G:242, B:24 and CMYK values of C:0.3, M:0, Y:0.9, K:0.05. Its decimal value is 11203096.

Hex triplet	aaf218	`#aaf218`
RGB Decimal	170, 242, 24	`rgb(170,242,24)`
RGB Percent	66.7, 94.9, 9.4	`rgb(66.7%,94.9%,9.4%)`
CMYK	30, 0, 90, 5
HSL	79.8°, 89.3, 52.2	`hsl(79.8,89.3%,52.2%)`
HSV (or HSB)	79.8°, 90.1, 94.9
Web Safe	99ff00	`#99ff00`

CIE-LAB	88.024, -48.846, 82.857
XYZ	48.494, 72.115, 12.229
xyY	0.365, 0.543, 72.115
CIE-LCH	88.024, 96.183, 120.52
CIE-LUV	88.024, -36.171, 100.546
Hunter-Lab	84.92, -46.679, 50.906
Binary	10101010, 11110010, 00011000

#aaf218
```
#aaf218 rgb(170,242,24)
```
#6018f2
```
#6018f2 rgb(96,24,242)
```

Complementary Color

#f2cd18
```
#f2cd18 rgb(242,205,24)
```
#aaf218
```
#aaf218 rgb(170,242,24)
```
#3df218
```
#3df218 rgb(61,242,24)
```

Analogous Color

#cd18f2
```
#cd18f2 rgb(205,24,242)
```
#aaf218
```
#aaf218 rgb(170,242,24)
```
#183df2
```
#183df2 rgb(24,61,242)
```

Split Complementary Color

#f218aa
```
#f218aa rgb(242,24,170)
```
#aaf218
```
#aaf218 rgb(170,242,24)
```
#18aaf2
```
#18aaf2 rgb(24,170,242)
```

Triadic Color

#f26018
```
#f26018 rgb(242,96,24)
```
#aaf218
```
#aaf218 rgb(170,242,24)
```
#18aaf2
```
#18aaf2 rgb(24,170,242)
```
#6018f2
```
#6018f2 rgb(96,24,242)
```

Tetradic Color

#7bb30a
```
#7bb30a rgb(123,179,10)
```
#8ccc0b
```
#8ccc0b rgb(140,204,11)
```
#9de40d
```
#9de40d rgb(157,228,13)
```
#aaf218
```
#aaf218 rgb(170,242,24)
```
#b3f330
```
#b3f330 rgb(179,243,48)
```
#bcf548
```
#bcf548 rgb(188,245,72)
```
#c5f660
```
#c5f660 rgb(197,246,96)
```

Monochromatic Color

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

#e1f218
```
#e1f218 rgb(225,242,24)
```
#cef218
```
#cef218 rgb(206,242,24)
```
#bcf218
```
#bcf218 rgb(188,242,24)
```
#aaf218
```
#aaf218 rgb(170,242,24)
```
#98f218
```
#98f218 rgb(152,242,24)
```
#86f218
```
#86f218 rgb(134,242,24)
```
#74f218
```
#74f218 rgb(116,242,24)
```

Similar Colors

Text with hexadecimal color #aaf218

This text has a font color of #aaf218.

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

#aaf218 background color

This paragraph has a background color of #aaf218.

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

#aaf218 border color

This element has a border color of #aaf218.

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

CSS codes

.text {color:#aaf218;}

.background {background-color:#aaf218;}

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

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, #070a01 is the darkest color, while #fcfff7 is the lightest one.

#070a01
```
#070a01 rgb(7,10,1)
```
#141d02
```
#141d02 rgb(20,29,2)
```
#213003
```
#213003 rgb(33,48,3)
```
#2e4204
```
#2e4204 rgb(46,66,4)
```
#3a5505
```
#3a5505 rgb(58,85,5)
```
#476706
```
#476706 rgb(71,103,6)
```
#547a07
```
#547a07 rgb(84,122,7)
```
#618c08
```
#618c08 rgb(97,140,8)
```
#6d9f09
```
#6d9f09 rgb(109,159,9)
```
#7ab20a
```
#7ab20a rgb(122,178,10)
```
#87c40b
```
#87c40b rgb(135,196,11)
```
#94d70c
```
#94d70c rgb(148,215,12)
```
#a1e90d
```
#a1e90d rgb(161,233,13)
```

Shade Color Variation

#aaf218
```
#aaf218 rgb(170,242,24)
```
#b1f32b
```
#b1f32b rgb(177,243,43)
```
#b8f43d
```
#b8f43d rgb(184,244,61)
```
#bef550
```
#bef550 rgb(190,245,80)
```
#c5f662
```
#c5f662 rgb(197,246,98)
```
#ccf775
```
#ccf775 rgb(204,247,117)
```
#d3f887
```
#d3f887 rgb(211,248,135)
```
#daf99a
```
#daf99a rgb(218,249,154)
```
#e1faad
```
#e1faad rgb(225,250,173)
```
#e7fbbf
```
#e7fbbf rgb(231,251,191)
```
#eefcd2
```
#eefcd2 rgb(238,252,210)
```
#f5fde4
```
#f5fde4 rgb(245,253,228)
```
#fcfff7
```
#fcfff7 rgb(252,255,247)
```

Tint Color Variation

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

#878b7f
```
#878b7f rgb(135,139,127)
```
#8a9476
```
#8a9476 rgb(138,148,118)
```
#8d9e6c
```
#8d9e6c rgb(141,158,108)
```
#91a763
```
#91a763 rgb(145,167,99)
```
#94b05a
```
#94b05a rgb(148,176,90)
```
#97ba50
```
#97ba50 rgb(151,186,80)
```
#9ac347
```
#9ac347 rgb(154,195,71)
```
#9dcc3e
```
#9dcc3e rgb(157,204,62)
```
#a0d634
```
#a0d634 rgb(160,214,52)
```
#a4df2b
```
#a4df2b rgb(164,223,43)
```
#a7e921
```
#a7e921 rgb(167,233,33)
```
#aaf218
```
#aaf218 rgb(170,242,24)
```
#adfb0f
```
#adfb0f rgb(173,251,15)
```

Tone Color Variation

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

#c4c4c4 Achromatopsia 0.005% of the population
#bfcda2 Atypical Achromatopsia 0.001% of the population

Dichromacy

#f9df1c Protanopia 1% of men
#ffd8a2 Deuteranopia 1% of men
#c7e2f2 Tritanopia 0.001% of the population

Trichromacy

#dce51a Protanomaly 1% of men, 0.01% of women
#e0e16f Deuteranomaly 6% of men, 0.4% of women
#bce8a3 Tritanomaly 0.01% of the population