colorhexa.com

#acc504 hex color

In a RGB color space, hex #acc504 is composed of 67.5% red, 77.3% green and 1.6% blue. Whereas in a CMYK color space, it is composed of 12.7% cyan, 0% magenta, 98% yellow and 22.7% black. It has a hue angle of 67.8 degrees, a saturation of 96% and a lightness of 39.4%. #acc504 color hex could be obtained by blending #ffff08 with #598b00. Closest websafe color is: #99cc00.

- R 67
- G 77
- B 2
RGB color chart
- C 13
- M 0
- Y 98
- K 23
CMYK color chart

● #acc504 color description : Strong yellow.

The hexadecimal color #acc504 has RGB values of R:172, G:197, B:4 and CMYK values of C:0.13, M:0, Y:0.98, K:0.23. Its decimal value is 11322628.

Hex triplet	acc504	`#acc504`
RGB Decimal	172, 197, 4	`rgb(172,197,4)`
RGB Percent	67.5, 77.3, 1.6	`rgb(67.5%,77.3%,1.6%)`
CMYK	13, 0, 98, 23
HSL	67.8°, 96, 39.4	`hsl(67.8,96%,39.4%)`
HSV (or HSB)	67.8°, 98, 77.3
Web Safe	99cc00	`#99cc00`

CIE-LAB	75.272, -28.326, 75.134
XYZ	37.001, 48.712, 7.568
xyY	0.397, 0.522, 48.712
CIE-LCH	75.272, 80.296, 110.657
CIE-LUV	75.272, -10.356, 84.487
Hunter-Lab	69.794, -27.508, 42.427
Binary	10101100, 11000101, 00000100

#acc504
```
#acc504 rgb(172,197,4)
```
#1d04c5
```
#1d04c5 rgb(29,4,197)
```

Complementary Color

#c57e04
```
#c57e04 rgb(197,126,4)
```
#acc504
```
#acc504 rgb(172,197,4)
```
#4cc504
```
#4cc504 rgb(76,197,4)
```

Analogous Color

#7e04c5
```
#7e04c5 rgb(126,4,197)
```
#acc504
```
#acc504 rgb(172,197,4)
```
#044cc5
```
#044cc5 rgb(4,76,197)
```

Split Complementary Color

#c504ac
```
#c504ac rgb(197,4,172)
```
#acc504
```
#acc504 rgb(172,197,4)
```
#04acc5
```
#04acc5 rgb(4,172,197)
```

Triadic Color

#6b7a02
```
#6b7a02 rgb(107,122,2)
```
#809303
```
#809303 rgb(128,147,3)
```
#96ac03
```
#96ac03 rgb(150,172,3)
```
#acc504
```
#acc504 rgb(172,197,4)
```
#c2de05
```
#c2de05 rgb(194,222,5)
```
#d8f705
```
#d8f705 rgb(216,247,5)
```
#ddfa1b
```
#ddfa1b rgb(221,250,27)
```

Monochromatic Color

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

#c5ae04
```
#c5ae04 rgb(197,174,4)
```
#c5be04
```
#c5be04 rgb(197,190,4)
```
#bcc504
```
#bcc504 rgb(188,197,4)
```
#acc504
```
#acc504 rgb(172,197,4)
```
#9cc504
```
#9cc504 rgb(156,197,4)
```
#8cc504
```
#8cc504 rgb(140,197,4)
```
#7cc504
```
#7cc504 rgb(124,197,4)
```

Similar Colors

Text with hexadecimal color #acc504

This text has a font color of #acc504.

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

#acc504 background color

This paragraph has a background color of #acc504.

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

#acc504 border color

This element has a border color of #acc504.

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

CSS codes

.text {color:#acc504;}

.background {background-color:#acc504;}

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

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

#040500
```
#040500 rgb(4,5,0)
```
#151800
```
#151800 rgb(21,24,0)
```
#262b01
```
#262b01 rgb(38,43,1)
```
#373e01
```
#373e01 rgb(55,62,1)
```
#475202
```
#475202 rgb(71,82,2)
```
#586502
```
#586502 rgb(88,101,2)
```
#697802
```
#697802 rgb(105,120,2)
```
#7a8b03
```
#7a8b03 rgb(122,139,3)
```
#8a9f03
```
#8a9f03 rgb(138,159,3)
```
#9bb204
```
#9bb204 rgb(155,178,4)
```
#acc504
```
#acc504 rgb(172,197,4)
```
#bdd804
```
#bdd804 rgb(189,216,4)
```
#ceeb05
```
#ceeb05 rgb(206,235,5)
```

Shade Color Variation

#dbfa0a
```
#dbfa0a rgb(219,250,10)
```
#defa1d
```
#defa1d rgb(222,250,29)
```
#e1fb30
```
#e1fb30 rgb(225,251,48)
```
#e3fb43
```
#e3fb43 rgb(227,251,67)
```
#e6fc57
```
#e6fc57 rgb(230,252,87)
```
#e9fc6a
```
#e9fc6a rgb(233,252,106)
```
#ecfc7d
```
#ecfc7d rgb(236,252,125)
```
#effd90
```
#effd90 rgb(239,253,144)
```
#f2fda4
```
#f2fda4 rgb(242,253,164)
```
#f4feb7
```
#f4feb7 rgb(244,254,183)
```
#f7feca
```
#f7feca rgb(247,254,202)
```
#fafedd
```
#fafedd rgb(250,254,221)
```
#fdfff1
```
#fdfff1 rgb(253,255,241)
```

Tint Color Variation

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

#676861
```
#676861 rgb(103,104,97)
```
#6d7059
```
#6d7059 rgb(109,112,89)
```
#737851
```
#737851 rgb(115,120,81)
```
#787f4a
```
#787f4a rgb(120,127,74)
```
#7e8742
```
#7e8742 rgb(126,135,66)
```
#848f3a
```
#848f3a rgb(132,143,58)
```
#8a9732
```
#8a9732 rgb(138,151,50)
```
#8f9e2b
```
#8f9e2b rgb(143,158,43)
```
#95a623
```
#95a623 rgb(149,166,35)
```
#9bae1b
```
#9bae1b rgb(155,174,27)
```
#a1b613
```
#a1b613 rgb(161,182,19)
```
#a6bd0c
```
#a6bd0c rgb(166,189,12)
```
#acc504
```
#acc504 rgb(172,197,4)
```

Tone Color Variation

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

#a8a8a8 Achromatopsia 0.005% of the population
#a9ae87 Atypical Achromatopsia 0.001% of the population

Dichromacy

#d4bd00 Protanopia 1% of men
#ebb32a Deuteranopia 1% of men
#c0bac7 Tritanopia 0.001% of the population

Trichromacy

#c5c001 Protanomaly 1% of men, 0.01% of women
#d4ba1c Deuteranomaly 6% of men, 0.4% of women
#b9be80 Tritanomaly 0.01% of the population