#a5c224 hex color

In a RGB color space, hex #a5c224 is composed of 64.7% red, 76.1% green and 14.1% blue. Whereas in a CMYK color space, it is composed of 14.9% cyan, 0% magenta, 81.4% yellow and 23.9% black. It has a hue angle of 71 degrees, a saturation of 68.7% and a lightness of 45.1%. #a5c224 color hex could be obtained by blending #ffff48 with #4b8500. Closest websafe color is: #99cc33.

♥
- f
- t
- g
- R 65
- G 76
- B 14
RGB color chart
- C 15
- M 0
- Y 81
- K 24
CMYK color chart

● #a5c224 color description : Strong yellow.

The hexadecimal color #a5c224 has RGB values of R:165, G:194, B:36 and CMYK values of C:0.15, M:0, Y:0.81, K:0.24. Its decimal value is 10863140.

Hex triplet	a5c224	`#a5c224`
RGB Decimal	165, 194, 36	`rgb(165,194,36)`
RGB Percent	64.7, 76.1, 14.1	`rgb(64.7%,76.1%,14.1%)`
CMYK	15, 0, 81, 24
HSL	71°, 68.7, 45.1	`hsl(71,68.7%,45.1%)`
HSV (or HSB)	71°, 81.4, 76.1
Web Safe	99cc33	`#99cc33`

CIE-LAB	74.004, -29.133, 68.596
XYZ	35.127, 46.71, 8.834
xyY	0.387, 0.515, 46.71
CIE-LCH	74.004, 74.526, 113.011
CIE-LUV	74.004, -13.001, 79.998
Hunter-Lab	68.345, -27.86, 40.177
Binary	10100101, 11000010, 00100100

#a5c224
```
#a5c224 rgb(165,194,36)
```
#4124c2
```
#4124c2 rgb(65,36,194)
```

Complementary Color

#c29024
```
#c29024 rgb(194,144,36)
```
#a5c224
```
#a5c224 rgb(165,194,36)
```
#56c224
```
#56c224 rgb(86,194,36)
```

Analogous Color

#9024c2
```
#9024c2 rgb(144,36,194)
```
#a5c224
```
#a5c224 rgb(165,194,36)
```
#2456c2
```
#2456c2 rgb(36,86,194)
```

Split Complementary Color

#c224a5
```
#c224a5 rgb(194,36,165)
```
#a5c224
```
#a5c224 rgb(165,194,36)
```
#24a5c2
```
#24a5c2 rgb(36,165,194)
```

Triadic Color

#c24124
```
#c24124 rgb(194,65,36)
```
#a5c224
```
#a5c224 rgb(165,194,36)
```
#24a5c2
```
#24a5c2 rgb(36,165,194)
```
#4124c2
```
#4124c2 rgb(65,36,194)
```

Tetradic Color

#6e8118
```
#6e8118 rgb(110,129,24)
```
#80971c
```
#80971c rgb(128,151,28)
```
#93ac20
```
#93ac20 rgb(147,172,32)
```
#a5c224
```
#a5c224 rgb(165,194,36)
```
#b7d728
```
#b7d728 rgb(183,215,40)
```
#bedb3e
```
#bedb3e rgb(190,219,62)
```
#c5df53
```
#c5df53 rgb(197,223,83)
```

Monochromatic Color

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

#c2b824
```
#c2b824 rgb(194,184,36)
```
#bfc224
```
#bfc224 rgb(191,194,36)
```
#b2c224
```
#b2c224 rgb(178,194,36)
```
#a5c224
```
#a5c224 rgb(165,194,36)
```
#98c224
```
#98c224 rgb(152,194,36)
```
#8bc224
```
#8bc224 rgb(139,194,36)
```
#7ec224
```
#7ec224 rgb(126,194,36)
```

Similar Colors

Text with hexadecimal color #a5c224

This text has a font color of #a5c224.

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

#a5c224 background color

This paragraph has a background color of #a5c224.

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

#a5c224 border color

This element has a border color of #a5c224.

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

CSS codes

.text {color:#a5c224;}

.background {background-color:#a5c224;}

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

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

#0a0c02
```
#0a0c02 rgb(10,12,2)
```
#181d05
```
#181d05 rgb(24,29,5)
```
#262d08
```
#262d08 rgb(38,45,8)
```
#343e0b
```
#343e0b rgb(52,62,11)
```
#424e0f
```
#424e0f rgb(66,78,15)
```
#515f12
```
#515f12 rgb(81,95,18)
```
#5f6f15
```
#5f6f15 rgb(95,111,21)
```
#6d8018
```
#6d8018 rgb(109,128,24)
```
#7b901b
```
#7b901b rgb(123,144,27)
```
#89a11e
```
#89a11e rgb(137,161,30)
```
#97b121
```
#97b121 rgb(151,177,33)
```
#a5c224
```
#a5c224 rgb(165,194,36)
```
#b3d327
```
#b3d327 rgb(179,211,39)
```

Shade Color Variation

#bbd934
```
#bbd934 rgb(187,217,52)
```
#c1dc44
```
#c1dc44 rgb(193,220,68)
```
#c6df55
```
#c6df55 rgb(198,223,85)
```
#cce366
```
#cce366 rgb(204,227,102)
```
#d1e676
```
#d1e676 rgb(209,230,118)
```
#d7e987
```
#d7e987 rgb(215,233,135)
```
#dcec97
```
#dcec97 rgb(220,236,151)
```
#e2efa8
```
#e2efa8 rgb(226,239,168)
```
#e7f2b8
```
#e7f2b8 rgb(231,242,184)
```
#edf5c9
```
#edf5c9 rgb(237,245,201)
```
#f2f8d9
```
#f2f8d9 rgb(242,248,217)
```
#f8fbea
```
#f8fbea rgb(248,251,234)
```
#fdfefa
```
#fdfefa rgb(253,254,250)
```

Tint Color Variation

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

#787b6b
```
#787b6b rgb(120,123,107)
```
#7e8462
```
#7e8462 rgb(126,132,98)
```
#838d59
```
#838d59 rgb(131,141,89)
```
#899650
```
#899650 rgb(137,150,80)
```
#8f9f47
```
#8f9f47 rgb(143,159,71)
```
#94a73f
```
#94a73f rgb(148,167,63)
```
#9ab036
```
#9ab036 rgb(154,176,54)
```
#9fb92d
```
#9fb92d rgb(159,185,45)
```
#a5c224
```
#a5c224 rgb(165,194,36)
```
#abcb1b
```
#abcb1b rgb(171,203,27)
```
#b0d412
```
#b0d412 rgb(176,212,18)
```
#b6dd09
```
#b6dd09 rgb(182,221,9)
```
#bbe501
```
#bbe501 rgb(187,229,1)
```

Tone Color Variation

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

#a7a7a7 Achromatopsia 0.005% of the population
#a7ac8d Atypical Achromatopsia 0.001% of the population

Dichromacy

#cfba2c Protanopia 1% of men
#e6b03b Deuteranopia 1% of men
#b9b8c5 Tritanopia 0.001% of the population

Trichromacy

#c0bc29 Protanomaly 1% of men, 0.01% of women
#ceb733 Deuteranomaly 6% of men, 0.4% of women
#b2bb8a Tritanomaly 0.01% of the population

#a5c224 hex color

#a5c224 Color Information

#a5c224 Color Conversion

Color Schemes with #a5c224

Alternatives to #a5c224

#a5c224 Preview

Shades and Tints of #a5c224

Tones of #a5c224

Color Blindness Simulator