#ACC100 Color (Hex and RGB)
#ACC100
#acc100 has RGB values (172, 193, 0). The color reads primarily as lime in sRGB space.
Color values
| Format | Value | Channels | Copy |
|---|---|---|---|
| HEX | #ACC100 | RACGC1B00 | |
| RGB | rgb(172 193 0) | R172G193B0 | |
| HSL | hsl(67 100% 38%) | H67°S100%L38% | |
| OKLCH | oklch(77% 0.18 117) | L0.77C0.18H117° | |
| HSV | hsv(67, 100%, 76%) | H67°S100%V76% | |
| CMYK | cmyk(11%, 0%, 100%, 24%) | C11%M0%Y100%K24% |
RGB mix
Base numbers
| Base | R | G | B |
|---|---|---|---|
| Binary | 10101100 | 11000001 | 00000000 |
| Octal | 254 | 301 | 0 |
| Decimal | 172 | 193 | 0 |
| Hex | ac | c1 | 00 |
Shades & tints
Shades mix #ACC100 with black; tints mix it with white. Click any swatch to explore it.
Shades
- #ACC1000%
- #9DB1009%
- #8FA00017%
- #80900026%
- #727F0034%
- #636F0043%
- #545F0051%
- #464E0059%
- #373E0068%
- #282D0077%
- #1A1D0085%
Tints
Color harmonies
Similar brand colors
The closest colors from our brand palettes, measured in OKLab.
Contrast & accessibility
WCAG 2.1 contrast against white and black. Test other pairs in the contrast checker.
Aa
#ACC100 on #FFFFFF
2.02:1
AA ✕AAA ✕AA Large ✕AAA Large ✕
Aa
#ACC100 on #000000
10.38:1
AA ✓AAA ✓AA Large ✓AAA Large ✓
Aa
#FFFFFF on #ACC100
2.02:1
AA ✕AAA ✕AA Large ✕AAA Large ✕
Aa
#000000 on #ACC100
10.38:1
AA ✓AAA ✓AA Large ✓AAA Large ✓
Code snippets
- CSS
color: #acc100; - Background
background-color: #acc100; - CSS variable
--color-acc100: #acc100; - Modern CSS
color: oklch(77% 0.18 117); - SCSS
$color-acc100: #acc100; - Tailwind
bg-[#acc100] text-[#acc100] - HTML
<div style="background-color: #acc100"></div>