#aaf318 hex color

In a RGB color space, hex #aaf318 is composed of 66.7% red, 95.3% green and 9.4% blue. Whereas in a CMYK color space, it is composed of 30% cyan, 0% magenta, 90.1% yellow and 4.7% black. It has a hue angle of 80 degrees, a saturation of 90.1% and a lightness of 52.4%. #aaf318 color hex could be obtained by blending #ffff30 with #55e700. Closest websafe color is: #99ff00.

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

● #aaf318 color description : Vivid green.

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

Hex triplet	aaf318	`#aaf318`
RGB Decimal	170, 243, 24	`rgb(170,243,24)`
RGB Percent	66.7, 95.3, 9.4	`rgb(66.7%,95.3%,9.4%)`
CMYK	30, 0, 90, 5
HSL	80°, 90.1, 52.4	`hsl(80,90.1%,52.4%)`
HSV (or HSB)	80°, 90.1, 95.3
Web Safe	99ff00	`#99ff00`

CIE-LAB	88.31, -49.262, 83.089
XYZ	48.792, 72.712, 12.328
xyY	0.365, 0.543, 72.712
CIE-LCH	88.31, 96.595, 120.663
CIE-LUV	88.31, -36.673, 100.931
Hunter-Lab	85.271, -47.087, 51.118
Binary	10101010, 11110011, 00011000

#aaf318
```
#aaf318 rgb(170,243,24)
```
#6118f3
```
#6118f3 rgb(97,24,243)
```

Complementary Color

#f3cf18
```
#f3cf18 rgb(243,207,24)
```
#aaf318
```
#aaf318 rgb(170,243,24)
```
#3cf318
```
#3cf318 rgb(60,243,24)
```

Analogous Color

#cf18f3
```
#cf18f3 rgb(207,24,243)
```
#aaf318
```
#aaf318 rgb(170,243,24)
```
#183df3
```
#183df3 rgb(24,61,243)
```

Split Complementary Color

#f318aa
```
#f318aa rgb(243,24,170)
```
#aaf318
```
#aaf318 rgb(170,243,24)
```
#18aaf3
```
#18aaf3 rgb(24,170,243)
```

Triadic Color

#f36118
```
#f36118 rgb(243,97,24)
```
#aaf318
```
#aaf318 rgb(170,243,24)
```
#18aaf3
```
#18aaf3 rgb(24,170,243)
```
#6118f3
```
#6118f3 rgb(97,24,243)
```

Tetradic Color

#7cb509
```
#7cb509 rgb(124,181,9)
```
#8ccd0b
```
#8ccd0b rgb(140,205,11)
```
#9de60c
```
#9de60c rgb(157,230,12)
```
#aaf318
```
#aaf318 rgb(170,243,24)
```
#b3f430
```
#b3f430 rgb(179,244,48)
```
#bcf648
```
#bcf648 rgb(188,246,72)
```
#c5f761
```
#c5f761 rgb(197,247,97)
```

Monochromatic Color

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

#e1f318
```
#e1f318 rgb(225,243,24)
```
#cff318
```
#cff318 rgb(207,243,24)
```
#bcf318
```
#bcf318 rgb(188,243,24)
```
#aaf318
```
#aaf318 rgb(170,243,24)
```
#98f318
```
#98f318 rgb(152,243,24)
```
#86f318
```
#86f318 rgb(134,243,24)
```
#73f318
```
#73f318 rgb(115,243,24)
```

Similar Colors

Text with hexadecimal color #aaf318

This text has a font color of #aaf318.

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

#aaf318 background color

This paragraph has a background color of #aaf318.

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

#aaf318 border color

This element has a border color of #aaf318.

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

CSS codes

.text {color:#aaf318;}

.background {background-color:#aaf318;}

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

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, #080b01 is the darkest color, while #fcfff8 is the lightest one.

#080b01
```
#080b01 rgb(8,11,1)
```
#151e02
```
#151e02 rgb(21,30,2)
```
#213103
```
#213103 rgb(33,49,3)
```
#2e4303
```
#2e4303 rgb(46,67,3)
```
#3b5604
```
#3b5604 rgb(59,86,4)
```
#486905
```
#486905 rgb(72,105,5)
```
#547b06
```
#547b06 rgb(84,123,6)
```
#618e07
```
#618e07 rgb(97,142,7)
```
#6ea108
```
#6ea108 rgb(110,161,8)
```
#7bb309
```
#7bb309 rgb(123,179,9)
```
#87c60a
```
#87c60a rgb(135,198,10)
```
#94d90b
```
#94d90b rgb(148,217,11)
```
#a1eb0c
```
#a1eb0c rgb(161,235,12)
```

Shade Color Variation

#aaf318
```
#aaf318 rgb(170,243,24)
```
#b1f42b
```
#b1f42b rgb(177,244,43)
```
#b8f53d
```
#b8f53d rgb(184,245,61)
```
#bff650
```
#bff650 rgb(191,246,80)
```
#c5f763
```
#c5f763 rgb(197,247,99)
```
#ccf875
```
#ccf875 rgb(204,248,117)
```
#d3f988
```
#d3f988 rgb(211,249,136)
```
#dafa9b
```
#dafa9b rgb(218,250,155)
```
#e1fbad
```
#e1fbad rgb(225,251,173)
```
#e8fcc0
```
#e8fcc0 rgb(232,252,192)
```
#effdd2
```
#effdd2 rgb(239,253,210)
```
#f5fee5
```
#f5fee5 rgb(245,254,229)
```
#fcfff8
```
#fcfff8 rgb(252,255,248)
```

Tint Color Variation

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

#888c7f
```
#888c7f rgb(136,140,127)
```
#8b9675
```
#8b9675 rgb(139,150,117)
```
#8e9f6c
```
#8e9f6c rgb(142,159,108)
```
#91a863
```
#91a863 rgb(145,168,99)
```
#94b259
```
#94b259 rgb(148,178,89)
```
#97bb50
```
#97bb50 rgb(151,187,80)
```
#9ac447
```
#9ac447 rgb(154,196,71)
```
#9ece3d
```
#9ece3d rgb(158,206,61)
```
#a1d734
```
#a1d734 rgb(161,215,52)
```
#a4e02b
```
#a4e02b rgb(164,224,43)
```
#a7ea21
```
#a7ea21 rgb(167,234,33)
```
#aaf318
```
#aaf318 rgb(170,243,24)
```
#adfc0f
```
#adfc0f rgb(173,252,15)
```

Tone Color Variation

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

#fadf1c Protanopia 1% of men
#ffd9a5 Deuteranopia 1% of men
#c8e3f3 Tritanopia 0.001% of the population

Trichromacy

#dde61a Protanomaly 1% of men, 0.01% of women
#e0e271 Deuteranomaly 6% of men, 0.4% of women
#bde9a3 Tritanomaly 0.01% of the population

#aaf318 hex color

#aaf318 Color Information

#aaf318 Color Conversion

Color Schemes with #aaf318

Alternatives to #aaf318

#aaf318 Preview

Shades and Tints of #aaf318

Tones of #aaf318

Color Blindness Simulator