#aaf300 hex color

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

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

● #aaf300 color description : Pure (or mostly pure) green.

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

Hex triplet	aaf300	`#aaf300`
RGB Decimal	170, 243, 0	`rgb(170,243,0)`
RGB Percent	66.7, 95.3, 0	`rgb(66.7%,95.3%,0%)`
CMYK	30, 0, 100, 5
HSL	78°, 100, 47.6	`hsl(78,100%,47.6%)`
HSV (or HSB)	78°, 100, 95.3
Web Safe	99ff00	`#99ff00`

CIE-LAB	88.278, -49.577, 85.362
XYZ	48.627, 72.646, 11.46
xyY	0.366, 0.547, 72.646
CIE-LCH	88.278, 98.714, 120.148
CIE-LUV	88.278, -36.695, 102.36
Hunter-Lab	85.232, -47.318, 51.691
Binary	10101010, 11110011, 00000000

#aaf300
```
#aaf300 rgb(170,243,0)
```
#4900f3
```
#4900f3 rgb(73,0,243)
```

Complementary Color

#f3c300
```
#f3c300 rgb(243,195,0)
```
#aaf300
```
#aaf300 rgb(170,243,0)
```
#31f300
```
#31f300 rgb(49,243,0)
```

Analogous Color

#c300f3
```
#c300f3 rgb(195,0,243)
```
#aaf300
```
#aaf300 rgb(170,243,0)
```
#0031f3
```
#0031f3 rgb(0,49,243)
```

Split Complementary Color

#f300aa
```
#f300aa rgb(243,0,170)
```
#aaf300
```
#aaf300 rgb(170,243,0)
```
#00aaf3
```
#00aaf3 rgb(0,170,243)
```

Triadic Color

#f34900
```
#f34900 rgb(243,73,0)
```
#aaf300
```
#aaf300 rgb(170,243,0)
```
#00aaf3
```
#00aaf3 rgb(0,170,243)
```
#4900f3
```
#4900f3 rgb(73,0,243)
```

Tetradic Color

#74a700
```
#74a700 rgb(116,167,0)
```
#86c000
```
#86c000 rgb(134,192,0)
```
#98da00
```
#98da00 rgb(152,218,0)
```
#aaf300
```
#aaf300 rgb(170,243,0)
```
#b6ff0e
```
#b6ff0e rgb(182,255,14)
```
#beff27
```
#beff27 rgb(190,255,39)
```
#c6ff41
```
#c6ff41 rgb(198,255,65)
```

Monochromatic Color

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

#e7f300
```
#e7f300 rgb(231,243,0)
```
#d3f300
```
#d3f300 rgb(211,243,0)
```
#bef300
```
#bef300 rgb(190,243,0)
```
#aaf300
```
#aaf300 rgb(170,243,0)
```
#96f300
```
#96f300 rgb(150,243,0)
```
#82f300
```
#82f300 rgb(130,243,0)
```
#6df300
```
#6df300 rgb(109,243,0)
```

Similar Colors

Text with hexadecimal color #aaf300

This text has a font color of #aaf300.

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

#aaf300 background color

This paragraph has a background color of #aaf300.

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

#aaf300 border color

This element has a border color of #aaf300.

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

CSS codes

.text {color:#aaf300;}

.background {background-color:#aaf300;}

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

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

#050800
```
#050800 rgb(5,8,0)
```
#131b00
```
#131b00 rgb(19,27,0)
```
#212f00
```
#212f00 rgb(33,47,0)
```
#2e4200
```
#2e4200 rgb(46,66,0)
```
#3c5600
```
#3c5600 rgb(60,86,0)
```
#4a6a00
```
#4a6a00 rgb(74,106,0)
```
#587d00
```
#587d00 rgb(88,125,0)
```
#659100
```
#659100 rgb(101,145,0)
```
#73a500
```
#73a500 rgb(115,165,0)
```
#81b800
```
#81b800 rgb(129,184,0)
```
#8fcc00
```
#8fcc00 rgb(143,204,0)
```
#9cdf00
```
#9cdf00 rgb(156,223,0)
```
#aaf300
```
#aaf300 rgb(170,243,0)
```

Shade Color Variation

#b5ff08
```
#b5ff08 rgb(181,255,8)
```
#bbff1b
```
#bbff1b rgb(187,255,27)
```
#c0ff2f
```
#c0ff2f rgb(192,255,47)
```
#c6ff42
```
#c6ff42 rgb(198,255,66)
```
#ccff56
```
#ccff56 rgb(204,255,86)
```
#d2ff6a
```
#d2ff6a rgb(210,255,106)
```
#d8ff7d
```
#d8ff7d rgb(216,255,125)
```
#deff91
```
#deff91 rgb(222,255,145)
```
#e4ffa5
```
#e4ffa5 rgb(228,255,165)
```
#eaffb8
```
#eaffb8 rgb(234,255,184)
```
#f0ffcc
```
#f0ffcc rgb(240,255,204)
```
#f6ffdf
```
#f6ffdf rgb(246,255,223)
```
#fbfff3
```
#fbfff3 rgb(251,255,243)
```

Tint Color Variation

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

#7d8370
```
#7d8370 rgb(125,131,112)
```
#818c67
```
#818c67 rgb(129,140,103)
```
#85965d
```
#85965d rgb(133,150,93)
```
#889f54
```
#889f54 rgb(136,159,84)
```
#8ca84b
```
#8ca84b rgb(140,168,75)
```
#90b241
```
#90b241 rgb(144,178,65)
```
#94bb38
```
#94bb38 rgb(148,187,56)
```
#97c42f
```
#97c42f rgb(151,196,47)
```
#9bce25
```
#9bce25 rgb(155,206,37)
```
#9fd71c
```
#9fd71c rgb(159,215,28)
```
#a3e013
```
#a3e013 rgb(163,224,19)
```
#a6ea09
```
#a6ea09 rgb(166,234,9)
```
#aaf300
```
#aaf300 rgb(170,243,0)
```

Tone Color Variation

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

#c1c1c1 Achromatopsia 0.005% of the population
#bccb9a Atypical Achromatopsia 0.001% of the population

Dichromacy

#fadf00 Protanopia 1% of men
#ffd9a4 Deuteranopia 1% of men
#c8e3f3 Tritanopia 0.001% of the population

Trichromacy

#dde600 Protanomaly 1% of men, 0.01% of women
#e0e268 Deuteranomaly 6% of men, 0.4% of women
#bde99b Tritanomaly 0.01% of the population

#aaf300 hex color

#aaf300 Color Information

#aaf300 Color Conversion

Color Schemes with #aaf300

Alternatives to #aaf300

#aaf300 Preview

Shades and Tints of #aaf300

Tones of #aaf300

Color Blindness Simulator