#aaf530 hex color

In a RGB color space, hex #aaf530 is composed of 66.7% red, 96.1% green and 18.8% blue. Whereas in a CMYK color space, it is composed of 30.6% cyan, 0% magenta, 80.4% yellow and 3.9% black. It has a hue angle of 82.8 degrees, a saturation of 90.8% and a lightness of 57.5%. #aaf530 color hex could be obtained by blending #ffff60 with #55eb00. Closest websafe color is: #99ff33.

♥
- f
- t
- g
- R 67
- G 96
- B 19
RGB color chart
- C 31
- M 0
- Y 80
- K 4
CMYK color chart

● #aaf530 color description : Bright green.

The hexadecimal color #aaf530 has RGB values of R:170, G:245, B:48 and CMYK values of C:0.31, M:0, Y:0.8, K:0.04. Its decimal value is 11203888.

Hex triplet	aaf530	`#aaf530`
RGB Decimal	170, 245, 48	`rgb(170,245,48)`
RGB Percent	66.7, 96.1, 18.8	`rgb(66.7%,96.1%,18.8%)`
CMYK	31, 0, 80, 4
HSL	82.8°, 90.8, 57.5	`hsl(82.8,90.8%,57.5%)`
HSV (or HSB)	82.8°, 80.4, 96.1
Web Safe	99ff33	`#99ff33`

CIE-LAB	88.952, -49.393, 78.89
XYZ	49.762, 74.063, 14.47
xyY	0.36, 0.536, 74.063
CIE-LCH	88.952, 93.076, 122.051
CIE-LUV	88.952, -37.619, 98.566
Hunter-Lab	86.06, -47.39, 50.273
Binary	10101010, 11110101, 00110000

#aaf530
```
#aaf530 rgb(170,245,48)
```
#7b30f5
```
#7b30f5 rgb(123,48,245)
```

Complementary Color

#f5de30
```
#f5de30 rgb(245,222,48)
```
#aaf530
```
#aaf530 rgb(170,245,48)
```
#48f530
```
#48f530 rgb(72,245,48)
```

Analogous Color

#de30f5
```
#de30f5 rgb(222,48,245)
```
#aaf530
```
#aaf530 rgb(170,245,48)
```
#3048f5
```
#3048f5 rgb(48,72,245)
```

Split Complementary Color

#f530aa
```
#f530aa rgb(245,48,170)
```
#aaf530
```
#aaf530 rgb(170,245,48)
```
#30aaf5
```
#30aaf5 rgb(48,170,245)
```

Triadic Color

#f57b30
```
#f57b30 rgb(245,123,48)
```
#aaf530
```
#aaf530 rgb(170,245,48)
```
#30aaf5
```
#30aaf5 rgb(48,170,245)
```
#7b30f5
```
#7b30f5 rgb(123,48,245)
```

Tetradic Color

#84cf0a
```
#84cf0a rgb(132,207,10)
```
#93e70b
```
#93e70b rgb(147,231,11)
```
#a0f418
```
#a0f418 rgb(160,244,24)
```
#aaf530
```
#aaf530 rgb(170,245,48)
```
#b4f648
```
#b4f648 rgb(180,246,72)
```
#bef761
```
#bef761 rgb(190,247,97)
```
#c8f979
```
#c8f979 rgb(200,249,121)
```

Monochromatic Color

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

#dbf530
```
#dbf530 rgb(219,245,48)
```
#cbf530
```
#cbf530 rgb(203,245,48)
```
#baf530
```
#baf530 rgb(186,245,48)
```
#aaf530
```
#aaf530 rgb(170,245,48)
```
#9af530
```
#9af530 rgb(154,245,48)
```
#89f530
```
#89f530 rgb(137,245,48)
```
#79f530
```
#79f530 rgb(121,245,48)
```

Similar Colors

Text with hexadecimal color #aaf530

This text has a font color of #aaf530.

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

#aaf530 background color

This paragraph has a background color of #aaf530.

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

#aaf530 border color

This element has a border color of #aaf530.

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

CSS codes

.text {color:#aaf530;}

.background {background-color:#aaf530;}

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

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

#0b1201
```
#0b1201 rgb(11,18,1)
```
#172402
```
#172402 rgb(23,36,2)
```
#233703
```
#233703 rgb(35,55,3)
```
#2f4a04
```
#2f4a04 rgb(47,74,4)
```
#3b5c04
```
#3b5c04 rgb(59,92,4)
```
#476f05
```
#476f05 rgb(71,111,5)
```
#538206
```
#538206 rgb(83,130,6)
```
#5f9507
```
#5f9507 rgb(95,149,7)
```
#6ba708
```
#6ba708 rgb(107,167,8)
```
#77ba09
```
#77ba09 rgb(119,186,9)
```
#83cd0a
```
#83cd0a rgb(131,205,10)
```
#8edf0b
```
#8edf0b rgb(142,223,11)
```
#9af20c
```
#9af20c rgb(154,242,12)
```

Shade Color Variation

#a2f41d
```
#a2f41d rgb(162,244,29)
```
#aaf530
```
#aaf530 rgb(170,245,48)
```
#b2f643
```
#b2f643 rgb(178,246,67)
```
#b9f755
```
#b9f755 rgb(185,247,85)
```
#c1f868
```
#c1f868 rgb(193,248,104)
```
#c9f97b
```
#c9f97b rgb(201,249,123)
```
#d0fa8e
```
#d0fa8e rgb(208,250,142)
```
#d8faa0
```
#d8faa0 rgb(216,250,160)
```
#e0fbb3
```
#e0fbb3 rgb(224,251,179)
```
#e7fcc6
```
#e7fcc6 rgb(231,252,198)
```
#effdd8
```
#effdd8 rgb(239,253,216)
```
#f7feeb
```
#f7feeb rgb(247,254,235)
```
#fffffe
```
#fffffe rgb(255,255,254)
```

Tint Color Variation

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

#94998c
```
#94998c rgb(148,153,140)
```
#96a283
```
#96a283 rgb(150,162,131)
```
#98aa7b
```
#98aa7b rgb(152,170,123)
```
#9ab273
```
#9ab273 rgb(154,178,115)
```
#9cbb6a
```
#9cbb6a rgb(156,187,106)
```
#9ec362
```
#9ec362 rgb(158,195,98)
```
#a0cb5a
```
#a0cb5a rgb(160,203,90)
```
#a2d451
```
#a2d451 rgb(162,212,81)
```
#a4dc49
```
#a4dc49 rgb(164,220,73)
```
#a6e441
```
#a6e441 rgb(166,228,65)
```
#a8ed38
```
#a8ed38 rgb(168,237,56)
```
#aaf530
```
#aaf530 rgb(170,245,48)
```
#acfd28
```
#acfd28 rgb(172,253,40)
```

Tone Color Variation

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

#c8c8c8 Achromatopsia 0.005% of the population
#c2d1aa Atypical Achromatopsia 0.001% of the population

Dichromacy

#fbe135 Protanopia 1% of men
#ffdbab Deuteranopia 1% of men
#c7e5f6 Tritanopia 0.001% of the population

Trichromacy

#dee833 Protanomaly 1% of men, 0.01% of women
#e0e47e Deuteranomaly 6% of men, 0.4% of women
#bdebae Tritanomaly 0.01% of the population

#aaf530 hex color

#aaf530 Color Information

#aaf530 Color Conversion

Color Schemes with #aaf530

Alternatives to #aaf530

#aaf530 Preview

Shades and Tints of #aaf530

Tones of #aaf530

Color Blindness Simulator