#a1bc30 hex color

In a RGB color space, hex #a1bc30 is composed of 63.1% red, 73.7% green and 18.8% blue. Whereas in a CMYK color space, it is composed of 14.4% cyan, 0% magenta, 74.5% yellow and 26.3% black. It has a hue angle of 71.6 degrees, a saturation of 59.3% and a lightness of 46.3%. #a1bc30 color hex could be obtained by blending #ffff60 with #437900. Closest websafe color is: #99cc33.

♥
- f
- t
- g
- R 63
- G 74
- B 19
RGB color chart
- C 14
- M 0
- Y 74
- K 26
CMYK color chart

● #a1bc30 color description : Moderate yellow.

The hexadecimal color #a1bc30 has RGB values of R:161, G:188, B:48 and CMYK values of C:0.14, M:0, Y:0.74, K:0.26. Its decimal value is 10599472.

Hex triplet	a1bc30	`#a1bc30`
RGB Decimal	161, 188, 48	`rgb(161,188,48)`
RGB Percent	63.1, 73.7, 18.8	`rgb(63.1%,73.7%,18.8%)`
CMYK	14, 0, 74, 26
HSL	71.6°, 59.3, 46.3	`hsl(71.6,59.3%,46.3%)`
HSV (or HSB)	71.6°, 74.5, 73.7
Web Safe	99cc33	`#99cc33`

CIE-LAB	72.066, -27.412, 63.156
XYZ	33.214, 43.757, 9.492
xyY	0.384, 0.506, 43.757
CIE-LCH	72.066, 68.848, 113.463
CIE-LUV	72.066, -12.003, 75.055
Hunter-Lab	66.149, -26.133, 37.796
Binary	10100001, 10111100, 00110000

#a1bc30
```
#a1bc30 rgb(161,188,48)
```
#4b30bc
```
#4b30bc rgb(75,48,188)
```

Complementary Color

#bc9130
```
#bc9130 rgb(188,145,48)
```
#a1bc30
```
#a1bc30 rgb(161,188,48)
```
#5bbc30
```
#5bbc30 rgb(91,188,48)
```

Analogous Color

#9130bc
```
#9130bc rgb(145,48,188)
```
#a1bc30
```
#a1bc30 rgb(161,188,48)
```
#305bbc
```
#305bbc rgb(48,91,188)
```

Split Complementary Color

#bc30a1
```
#bc30a1 rgb(188,48,161)
```
#a1bc30
```
#a1bc30 rgb(161,188,48)
```
#30a1bc
```
#30a1bc rgb(48,161,188)
```

Triadic Color

#bc4b30
```
#bc4b30 rgb(188,75,48)
```
#a1bc30
```
#a1bc30 rgb(161,188,48)
```
#30a1bc
```
#30a1bc rgb(48,161,188)
```
#4b30bc
```
#4b30bc rgb(75,48,188)
```

Tetradic Color

#6d7f20
```
#6d7f20 rgb(109,127,32)
```
#7e9326
```
#7e9326 rgb(126,147,38)
```
#90a82b
```
#90a82b rgb(144,168,43)
```
#a1bc30
```
#a1bc30 rgb(161,188,48)
```
#b0cc39
```
#b0cc39 rgb(176,204,57)
```
#b8d24d
```
#b8d24d rgb(184,210,77)
```
#c0d762
```
#c0d762 rgb(192,215,98)
```

Monochromatic Color

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

#bcb430
```
#bcb430 rgb(188,180,48)
```
#b8bc30
```
#b8bc30 rgb(184,188,48)
```
#adbc30
```
#adbc30 rgb(173,188,48)
```
#a1bc30
```
#a1bc30 rgb(161,188,48)
```
#95bc30
```
#95bc30 rgb(149,188,48)
```
#8abc30
```
#8abc30 rgb(138,188,48)
```
#7ebc30
```
#7ebc30 rgb(126,188,48)
```

Similar Colors

Text with hexadecimal color #a1bc30

This text has a font color of #a1bc30.

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

#a1bc30 background color

This paragraph has a background color of #a1bc30.

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

#a1bc30 border color

This element has a border color of #a1bc30.

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

CSS codes

.text {color:#a1bc30;}

.background {background-color:#a1bc30;}

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

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

#000000
```
#000000 rgb(0,0,0)
```
#0e1004
```
#0e1004 rgb(14,16,4)
```
#1b2008
```
#1b2008 rgb(27,32,8)
```
#292f0c
```
#292f0c rgb(41,47,12)
```
#363f10
```
#363f10 rgb(54,63,16)
```
#434f14
```
#434f14 rgb(67,79,20)
```
#515e18
```
#515e18 rgb(81,94,24)
```
#5e6e1c
```
#5e6e1c rgb(94,110,28)
```
#6b7d20
```
#6b7d20 rgb(107,125,32)
```
#798d24
```
#798d24 rgb(121,141,36)
```
#869d28
```
#869d28 rgb(134,157,40)
```
#94ac2c
```
#94ac2c rgb(148,172,44)
```
#a1bc30
```
#a1bc30 rgb(161,188,48)
```

Shade Color Variation

#aecb34
```
#aecb34 rgb(174,203,52)
```
#b4cf44
```
#b4cf44 rgb(180,207,68)
```
#bbd354
```
#bbd354 rgb(187,211,84)
```
#c1d763
```
#c1d763 rgb(193,215,99)
```
#c7db73
```
#c7db73 rgb(199,219,115)
```
#cddf82
```
#cddf82 rgb(205,223,130)
```
#d4e392
```
#d4e392 rgb(212,227,146)
```
#dae7a2
```
#dae7a2 rgb(218,231,162)
```
#e0ebb1
```
#e0ebb1 rgb(224,235,177)
```
#e6efc1
```
#e6efc1 rgb(230,239,193)
```
#ecf3d1
```
#ecf3d1 rgb(236,243,209)
```
#f3f7e0
```
#f3f7e0 rgb(243,247,224)
```
#f9fbf0
```
#f9fbf0 rgb(249,251,240)
```

Tint Color Variation

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

#7a7c70
```
#7a7c70 rgb(122,124,112)
```
#808666
```
#808666 rgb(128,134,102)
```
#858f5d
```
#858f5d rgb(133,143,93)
```
#8b9854
```
#8b9854 rgb(139,152,84)
```
#90a14b
```
#90a14b rgb(144,161,75)
```
#96aa42
```
#96aa42 rgb(150,170,66)
```
#9bb339
```
#9bb339 rgb(155,179,57)
```
#a1bc30
```
#a1bc30 rgb(161,188,48)
```
#a7c527
```
#a7c527 rgb(167,197,39)
```
#acce1e
```
#acce1e rgb(172,206,30)
```
#b2d715
```
#b2d715 rgb(178,215,21)
```
#b7e00c
```
#b7e00c rgb(183,224,12)
```
#bde903
```
#bde903 rgb(189,233,3)
```

Tone Color Variation

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

#a4a4a4 Achromatopsia 0.005% of the population
#a3a98d Atypical Achromatopsia 0.001% of the population

Dichromacy

#c9b538 Protanopia 1% of men
#dfac44 Deuteranopia 1% of men
#b5b3c0 Tritanopia 0.001% of the population

Trichromacy

#bab735 Protanomaly 1% of men, 0.01% of women
#c8b23c Deuteranomaly 6% of men, 0.4% of women
#adb68b Tritanomaly 0.01% of the population

#a1bc30 hex color

#a1bc30 Color Information

#a1bc30 Color Conversion

Color Schemes with #a1bc30

Alternatives to #a1bc30

#a1bc30 Preview

Shades and Tints of #a1bc30

Tones of #a1bc30

Color Blindness Simulator