#a2b300 hex color

In a RGB color space, hex #a2b300 is composed of 63.5% red, 70.2% green and 0% blue. Whereas in a CMYK color space, it is composed of 9.5% cyan, 0% magenta, 100% yellow and 29.8% black. It has a hue angle of 65.7 degrees, a saturation of 100% and a lightness of 35.1%. #a2b300 color hex could be obtained by blending #ffff00 with #456700. Closest websafe color is: #99cc00.

♥
- f
- t
- g
- R 64
- G 70
- B 0
RGB color chart
- C 9
- M 0
- Y 100
- K 30
CMYK color chart

● #a2b300 color description : Strong yellow.

The hexadecimal color #a2b300 has RGB values of R:162, G:179, B:0 and CMYK values of C:0.09, M:0, Y:1, K:0.3. Its decimal value is 10662656.

Hex triplet	a2b300	`#a2b300`
RGB Decimal	162, 179, 0	`rgb(162,179,0)`
RGB Percent	63.5, 70.2, 0	`rgb(63.5%,70.2%,0%)`
CMYK	9, 0, 100, 30
HSL	65.7°, 100, 35.1	`hsl(65.7,100%,35.1%)`
HSV (or HSB)	65.7°, 100, 70.2
Web Safe	99cc00	`#99cc00`

CIE-LAB	69.414, -23.914, 70.856
XYZ	31.02, 39.922, 6.072
xyY	0.403, 0.518, 39.922
CIE-LCH	69.414, 74.783, 108.649
CIE-LUV	69.414, -5.752, 77.677
Hunter-Lab	63.184, -22.936, 38.531
Binary	10100010, 10110011, 00000000

#a2b300
```
#a2b300 rgb(162,179,0)
```
#1100b3
```
#1100b3 rgb(17,0,179)
```

Complementary Color

#b36b00
```
#b36b00 rgb(179,107,0)
```
#a2b300
```
#a2b300 rgb(162,179,0)
```
#48b300
```
#48b300 rgb(72,179,0)
```

Analogous Color

#6b00b3
```
#6b00b3 rgb(107,0,179)
```
#a2b300
```
#a2b300 rgb(162,179,0)
```
#0049b3
```
#0049b3 rgb(0,73,179)
```

Split Complementary Color

#b300a2
```
#b300a2 rgb(179,0,162)
```
#a2b300
```
#a2b300 rgb(162,179,0)
```
#00a2b3
```
#00a2b3 rgb(0,162,179)
```

Triadic Color

#b31100
```
#b31100 rgb(179,17,0)
```
#a2b300
```
#a2b300 rgb(162,179,0)
```
#00a2b3
```
#00a2b3 rgb(0,162,179)
```
#1100b3
```
#1100b3 rgb(17,0,179)
```

Tetradic Color

#5d6700
```
#5d6700 rgb(93,103,0)
```
#748000
```
#748000 rgb(116,128,0)
```
#8b9a00
```
#8b9a00 rgb(139,154,0)
```
#a2b300
```
#a2b300 rgb(162,179,0)
```
#b9cd00
```
#b9cd00 rgb(185,205,0)
```
#d0e600
```
#d0e600 rgb(208,230,0)
```
#e7ff00
```
#e7ff00 rgb(231,255,0)
```

Monochromatic Color

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

#b39700
```
#b39700 rgb(179,151,0)
```
#b3a600
```
#b3a600 rgb(179,166,0)
```
#b1b300
```
#b1b300 rgb(177,179,0)
```
#a2b300
```
#a2b300 rgb(162,179,0)
```
#93b300
```
#93b300 rgb(147,179,0)
```
#84b300
```
#84b300 rgb(132,179,0)
```
#75b300
```
#75b300 rgb(117,179,0)
```

Similar Colors

Text with hexadecimal color #a2b300

This text has a font color of #a2b300.

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

#a2b300 background color

This paragraph has a background color of #a2b300.

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

#a2b300 border color

This element has a border color of #a2b300.

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

CSS codes

.text {color:#a2b300;}

.background {background-color:#a2b300;}

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

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

#020200
```
#020200 rgb(2,2,0)
```
#141600
```
#141600 rgb(20,22,0)
```
#262a00
```
#262a00 rgb(38,42,0)
```
#373d00
```
#373d00 rgb(55,61,0)
```
#495100
```
#495100 rgb(73,81,0)
```
#5b6500
```
#5b6500 rgb(91,101,0)
```
#6d7800
```
#6d7800 rgb(109,120,0)
```
#7e8c00
```
#7e8c00 rgb(126,140,0)
```
#909f00
```
#909f00 rgb(144,159,0)
```
#a2b300
```
#a2b300 rgb(162,179,0)
```
#b4c700
```
#b4c700 rgb(180,199,0)
```
#c6da00
```
#c6da00 rgb(198,218,0)
```
#d7ee00
```
#d7ee00 rgb(215,238,0)
```

Shade Color Variation

#e7ff02
```
#e7ff02 rgb(231,255,2)
```
#e9ff16
```
#e9ff16 rgb(233,255,22)
```
#ebff2a
```
#ebff2a rgb(235,255,42)
```
#edff3d
```
#edff3d rgb(237,255,61)
```
#eeff51
```
#eeff51 rgb(238,255,81)
```
#f0ff65
```
#f0ff65 rgb(240,255,101)
```
#f2ff78
```
#f2ff78 rgb(242,255,120)
```
#f4ff8c
```
#f4ff8c rgb(244,255,140)
```
#f6ff9f
```
#f6ff9f rgb(246,255,159)
```
#f8ffb3
```
#f8ffb3 rgb(248,255,179)
```
#faffc7
```
#faffc7 rgb(250,255,199)
```
#fcffda
```
#fcffda rgb(252,255,218)
```
#fdffee
```
#fdffee rgb(253,255,238)
```

Tint Color Variation

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

#5f6053
```
#5f6053 rgb(95,96,83)
```
#65674c
```
#65674c rgb(101,103,76)
```
#6a6e45
```
#6a6e45 rgb(106,110,69)
```
#70753e
```
#70753e rgb(112,117,62)
```
#757c37
```
#757c37 rgb(117,124,55)
```
#7b8330
```
#7b8330 rgb(123,131,48)
```
#818a29
```
#818a29 rgb(129,138,41)
```
#869122
```
#869122 rgb(134,145,34)
```
#8c971c
```
#8c971c rgb(140,151,28)
```
#919e15
```
#919e15 rgb(145,158,21)
```
#97a50e
```
#97a50e rgb(151,165,14)
```
#9cac07
```
#9cac07 rgb(156,172,7)
```
#a2b300
```
#a2b300 rgb(162,179,0)
```

Tone Color Variation

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

#9a9a9a Achromatopsia 0.005% of the population
#9c9f7b Atypical Achromatopsia 0.001% of the population

Dichromacy

#c3ae00 Protanopia 1% of men
#d9a524 Deuteranopia 1% of men
#b5aab6 Tritanopia 0.001% of the population

Trichromacy

#b7b000 Protanomaly 1% of men, 0.01% of women
#c5aa17 Deuteranomaly 6% of men, 0.4% of women
#aead74 Tritanomaly 0.01% of the population

#a2b300 hex color

#a2b300 Color Information

#a2b300 Color Conversion

Color Schemes with #a2b300

Alternatives to #a2b300

#a2b300 Preview

Shades and Tints of #a2b300

Tones of #a2b300

Color Blindness Simulator