colorhexa.com

#a2d700 hex color

In a RGB color space, hex #a2d700 is composed of 63.5% red, 84.3% green and 0% blue. Whereas in a CMYK color space, it is composed of 24.7% cyan, 0% magenta, 100% yellow and 15.7% black. It has a hue angle of 74.8 degrees, a saturation of 100% and a lightness of 42.2%. #a2d700 color hex could be obtained by blending #ffff00 with #45af00. Closest websafe color is: #99cc00.

- R 64
- G 84
- B 0
RGB color chart
- C 25
- M 0
- Y 100
- K 16
CMYK color chart

● #a2d700 color description : Strong yellow.

The hexadecimal color #a2d700 has RGB values of R:162, G:215, B:0 and CMYK values of C:0.25, M:0, Y:1, K:0.16. Its decimal value is 10671872.

Hex triplet	a2d700	`#a2d700`
RGB Decimal	162, 215, 0	`rgb(162,215,0)`
RGB Percent	63.5, 84.3, 0	`rgb(63.5%,84.3%,0%)`
CMYK	25, 0, 100, 16
HSL	74.8°, 100, 42.2	`hsl(74.8,100%,42.2%)`
HSV (or HSB)	74.8°, 100, 84.3
Web Safe	99cc00	`#99cc00`

CIE-LAB	79.774, -40.638, 78.662
XYZ	39.2, 56.281, 8.798
xyY	0.376, 0.54, 56.281
CIE-LCH	79.774, 88.539, 117.321
CIE-LUV	79.774, -26.441, 91.682
Hunter-Lab	75.021, -38.016, 45.561
Binary	10100010, 11010111, 00000000

#a2d700
```
#a2d700 rgb(162,215,0)
```
#3500d7
```
#3500d7 rgb(53,0,215)
```

Complementary Color

#d7a100
```
#d7a100 rgb(215,161,0)
```
#a2d700
```
#a2d700 rgb(162,215,0)
```
#36d700
```
#36d700 rgb(54,215,0)
```

Analogous Color

#a100d7
```
#a100d7 rgb(161,0,215)
```
#a2d700
```
#a2d700 rgb(162,215,0)
```
#0036d7
```
#0036d7 rgb(0,54,215)
```

Split Complementary Color

#d700a2
```
#d700a2 rgb(215,0,162)
```
#a2d700
```
#a2d700 rgb(162,215,0)
```
#00a2d7
```
#00a2d7 rgb(0,162,215)
```

Triadic Color

#688b00
```
#688b00 rgb(104,139,0)
```
#7ca400
```
#7ca400 rgb(124,164,0)
```
#8fbe00
```
#8fbe00 rgb(143,190,0)
```
#a2d700
```
#a2d700 rgb(162,215,0)
```
#b5f100
```
#b5f100 rgb(181,241,0)
```
#c3ff0b
```
#c3ff0b rgb(195,255,11)
```
#c9ff25
```
#c9ff25 rgb(201,255,37)
```

Monochromatic Color

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

#d7d600
```
#d7d600 rgb(215,214,0)
```
#c6d700
```
#c6d700 rgb(198,215,0)
```
#b4d700
```
#b4d700 rgb(180,215,0)
```
#a2d700
```
#a2d700 rgb(162,215,0)
```
#90d700
```
#90d700 rgb(144,215,0)
```
#7ed700
```
#7ed700 rgb(126,215,0)
```
#6cd700
```
#6cd700 rgb(108,215,0)
```

Similar Colors

Text with hexadecimal color #a2d700

This text has a font color of #a2d700.

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

#a2d700 background color

This paragraph has a background color of #a2d700.

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

#a2d700 border color

This element has a border color of #a2d700.

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

CSS codes

.text {color:#a2d700;}

.background {background-color:#a2d700;}

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

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

#0e1300
```
#0e1300 rgb(14,19,0)
```
#1d2600
```
#1d2600 rgb(29,38,0)
```
#2c3a00
```
#2c3a00 rgb(44,58,0)
```
#3b4e00
```
#3b4e00 rgb(59,78,0)
```
#496100
```
#496100 rgb(73,97,0)
```
#587500
```
#587500 rgb(88,117,0)
```
#678900
```
#678900 rgb(103,137,0)
```
#769c00
```
#769c00 rgb(118,156,0)
```
#84b000
```
#84b000 rgb(132,176,0)
```
#93c300
```
#93c300 rgb(147,195,0)
```
#a2d700
```
#a2d700 rgb(162,215,0)
```
#b1eb00
```
#b1eb00 rgb(177,235,0)
```
#c0fe00
```
#c0fe00 rgb(192,254,0)
```

Shade Color Variation

#c5ff13
```
#c5ff13 rgb(197,255,19)
```
#caff26
```
#caff26 rgb(202,255,38)
```
#ceff3a
```
#ceff3a rgb(206,255,58)
```
#d3ff4e
```
#d3ff4e rgb(211,255,78)
```
#d8ff61
```
#d8ff61 rgb(216,255,97)
```
#ddff75
```
#ddff75 rgb(221,255,117)
```
#e2ff89
```
#e2ff89 rgb(226,255,137)
```
#e7ff9c
```
#e7ff9c rgb(231,255,156)
```
#ebffb0
```
#ebffb0 rgb(235,255,176)
```
#f0ffc3
```
#f0ffc3 rgb(240,255,195)
```
#f5ffd7
```
#f5ffd7 rgb(245,255,215)
```
#faffeb
```
#faffeb rgb(250,255,235)
```
#fffffe
```
#fffffe rgb(255,255,254)
```

Tint Color Variation

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

#707463
```
#707463 rgb(112,116,99)
```
#747c5b
```
#747c5b rgb(116,124,91)
```
#788453
```
#788453 rgb(120,132,83)
```
#7c8d4a
```
#7c8d4a rgb(124,141,74)
```
#809542
```
#809542 rgb(128,149,66)
```
#859d3a
```
#859d3a rgb(133,157,58)
```
#89a532
```
#89a532 rgb(137,165,50)
```
#8dae29
```
#8dae29 rgb(141,174,41)
```
#91b621
```
#91b621 rgb(145,182,33)
```
#95be19
```
#95be19 rgb(149,190,25)
```
#9ac611
```
#9ac611 rgb(154,198,17)
```
#9ecf08
```
#9ecf08 rgb(158,207,8)
```
#a2d700
```
#a2d700 rgb(162,215,0)
```

Tone Color Variation

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

#afafaf Achromatopsia 0.005% of the population
#acb78c Atypical Achromatopsia 0.001% of the population

Dichromacy

#e1c900 Protanopia 1% of men
#fabf2f Deuteranopia 1% of men
#bbcad9 Tritanopia 0.001% of the population

Trichromacy

#cace00 Protanomaly 1% of men, 0.01% of women
#dac71e Deuteranomaly 6% of men, 0.4% of women
#b2cf8a Tritanomaly 0.01% of the population