#a1b228 hex color

In a RGB color space, hex #a1b228 is composed of 63.1% red, 69.8% green and 15.7% blue. Whereas in a CMYK color space, it is composed of 9.6% cyan, 0% magenta, 77.5% yellow and 30.2% black. It has a hue angle of 67.4 degrees, a saturation of 63.3% and a lightness of 42.7%. #a1b228 color hex could be obtained by blending #ffff50 with #436500. Closest websafe color is: #999933.

♥
- f
- t
- g
- R 63
- G 70
- B 16
RGB color chart
- C 10
- M 0
- Y 78
- K 30
CMYK color chart

● #a1b228 color description : Dark yellow [Olive tone].

The hexadecimal color #a1b228 has RGB values of R:161, G:178, B:40 and CMYK values of C:0.1, M:0, Y:0.78, K:0.3. Its decimal value is 10596904.

Hex triplet	a1b228	`#a1b228`
RGB Decimal	161, 178, 40	`rgb(161,178,40)`
RGB Percent	63.1, 69.8, 15.7	`rgb(63.1%,69.8%,15.7%)`
CMYK	10, 0, 78, 30
HSL	67.4°, 63.3, 42.7	`hsl(67.4,63.3%,42.7%)`
HSV (or HSB)	67.4°, 77.5, 69.8
Web Safe	999933	`#999933`

CIE-LAB	69.163, -22.904, 63.023
XYZ	31.001, 39.571, 8.012
xyY	0.394, 0.504, 39.571
CIE-LCH	69.163, 67.056, 109.972
CIE-LUV	69.163, -5.982, 72.604
Hunter-Lab	62.906, -22.116, 36.482
Binary	10100001, 10110010, 00101000

#a1b228
```
#a1b228 rgb(161,178,40)
```
#3928b2
```
#3928b2 rgb(57,40,178)
```

Complementary Color

#b27e28
```
#b27e28 rgb(178,126,40)
```
#a1b228
```
#a1b228 rgb(161,178,40)
```
#5cb228
```
#5cb228 rgb(92,178,40)
```

Analogous Color

#7e28b2
```
#7e28b2 rgb(126,40,178)
```
#a1b228
```
#a1b228 rgb(161,178,40)
```
#285cb2
```
#285cb2 rgb(40,92,178)
```

Split Complementary Color

#b228a1
```
#b228a1 rgb(178,40,161)
```
#a1b228
```
#a1b228 rgb(161,178,40)
```
#28a1b2
```
#28a1b2 rgb(40,161,178)
```

Triadic Color

#b23928
```
#b23928 rgb(178,57,40)
```
#a1b228
```
#a1b228 rgb(161,178,40)
```
#28a1b2
```
#28a1b2 rgb(40,161,178)
```
#3928b2
```
#3928b2 rgb(57,40,178)
```

Tetradic Color

#69741a
```
#69741a rgb(105,116,26)
```
#7b881f
```
#7b881f rgb(123,136,31)
```
#8e9d23
```
#8e9d23 rgb(142,157,35)
```
#a1b228
```
#a1b228 rgb(161,178,40)
```
#b4c72d
```
#b4c72d rgb(180,199,45)
```
#c0d33a
```
#c0d33a rgb(192,211,58)
```
#c7d74f
```
#c7d74f rgb(199,215,79)
```

Monochromatic Color

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

#b2a128
```
#b2a128 rgb(178,161,40)
```
#b2ac28
```
#b2ac28 rgb(178,172,40)
```
#adb228
```
#adb228 rgb(173,178,40)
```
#a1b228
```
#a1b228 rgb(161,178,40)
```
#96b228
```
#96b228 rgb(150,178,40)
```
#8ab228
```
#8ab228 rgb(138,178,40)
```
#7fb228
```
#7fb228 rgb(127,178,40)
```

Similar Colors

Text with hexadecimal color #a1b228

This text has a font color of #a1b228.

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

#a1b228 background color

This paragraph has a background color of #a1b228.

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

#a1b228 border color

This element has a border color of #a1b228.

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

CSS codes

.text {color:#a1b228;}

.background {background-color:#a1b228;}

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

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 #fafcf1 is the lightest one.

#020200
```
#020200 rgb(2,2,0)
```
#101204
```
#101204 rgb(16,18,4)
```
#1f2208
```
#1f2208 rgb(31,34,8)
```
#2d320b
```
#2d320b rgb(45,50,11)
```
#3c420f
```
#3c420f rgb(60,66,15)
```
#4a5212
```
#4a5212 rgb(74,82,18)
```
#596216
```
#596216 rgb(89,98,22)
```
#67721a
```
#67721a rgb(103,114,26)
```
#76821d
```
#76821d rgb(118,130,29)
```
#849221
```
#849221 rgb(132,146,33)
```
#93a224
```
#93a224 rgb(147,162,36)
```
#a1b228
```
#a1b228 rgb(161,178,40)
```
#afc22c
```
#afc22c rgb(175,194,44)
```

Shade Color Variation

#bdd131
```
#bdd131 rgb(189,209,49)
```
#c2d441
```
#c2d441 rgb(194,212,65)
```
#c7d851
```
#c7d851 rgb(199,216,81)
```
#ccdb61
```
#ccdb61 rgb(204,219,97)
```
#d1df71
```
#d1df71 rgb(209,223,113)
```
#d7e381
```
#d7e381 rgb(215,227,129)
```
#dce691
```
#dce691 rgb(220,230,145)
```
#e1eaa1
```
#e1eaa1 rgb(225,234,161)
```
#e6edb1
```
#e6edb1 rgb(230,237,177)
```
#ebf1c1
```
#ebf1c1 rgb(235,241,193)
```
#f0f5d1
```
#f0f5d1 rgb(240,245,209)
```
#f5f8e1
```
#f5f8e1 rgb(245,248,225)
```
#fafcf1
```
#fafcf1 rgb(250,252,241)
```

Tint Color Variation

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

#6e6f6b
```
#6e6f6b rgb(110,111,107)
```
#757763
```
#757763 rgb(117,119,99)
```
#7b805a
```
#7b805a rgb(123,128,90)
```
#818852
```
#818852 rgb(129,136,82)
```
#88904a
```
#88904a rgb(136,144,74)
```
#8e9941
```
#8e9941 rgb(142,153,65)
```
#94a139
```
#94a139 rgb(148,161,57)
```
#9baa30
```
#9baa30 rgb(155,170,48)
```
#a1b228
```
#a1b228 rgb(161,178,40)
```
#a7ba20
```
#a7ba20 rgb(167,186,32)
```
#aec317
```
#aec317 rgb(174,195,23)
```
#b4cb0f
```
#b4cb0f rgb(180,203,15)
```
#bad406
```
#bad406 rgb(186,212,6)
```

Tone Color Variation

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

#9d9d9d Achromatopsia 0.005% of the population
#9ea186 Atypical Achromatopsia 0.001% of the population

Dichromacy

#c1ad31 Protanopia 1% of men
#d6a53c Deuteranopia 1% of men
#b3aab6 Tritanopia 0.001% of the population

Trichromacy

#b5af2d Protanomaly 1% of men, 0.01% of women
#c3a934 Deuteranomaly 6% of men, 0.4% of women
#acad82 Tritanomaly 0.01% of the population

#a1b228 hex color

#a1b228 Color Information

#a1b228 Color Conversion

Color Schemes with #a1b228

Alternatives to #a1b228

#a1b228 Preview

Shades and Tints of #a1b228

Tones of #a1b228

Color Blindness Simulator