#ACD157 Color (Hex and RGB)
#ACD157
#acd157 has RGB values (172, 209, 87). The color reads primarily as lime in sRGB space.
Color values
| Format | Value | Channels | Copy |
|---|---|---|---|
| HEX | #ACD157 | RACGD1B57 | |
| RGB | rgb(172 209 87) | R172G209B87 | |
| HSL | hsl(78 57% 58%) | H78°S57%L58% | |
| OKLCH | oklch(81% 0.15 124) | L0.81C0.15H124° | |
| HSV | hsv(78, 58%, 82%) | H78°S58%V82% | |
| CMYK | cmyk(18%, 0%, 58%, 18%) | C18%M0%Y58%K18% |
RGB mix
Base numbers
| Base | R | G | B |
|---|---|---|---|
| Binary | 10101100 | 11010001 | 01010111 |
| Octal | 254 | 321 | 127 |
| Decimal | 172 | 209 | 87 |
| Hex | ac | d1 | 57 |
Shades & tints
Shades mix #ACD157 with black; tints mix it with white. Click any swatch to explore it.
Shades
- #ACD1570%
- #9DBF509%
- #8FAD4817%
- #809C4126%
- #728A3934%
- #63783243%
- #54662B51%
- #46552359%
- #37431C68%
- #28311477%
- #1A1F0D85%
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
#ACD157 on #FFFFFF
1.75:1
AA ✕AAA ✕AA Large ✕AAA Large ✕
Aa
#ACD157 on #000000
12.01:1
AA ✓AAA ✓AA Large ✓AAA Large ✓
Aa
#FFFFFF on #ACD157
1.75:1
AA ✕AAA ✕AA Large ✕AAA Large ✕
Aa
#000000 on #ACD157
12.01:1
AA ✓AAA ✓AA Large ✓AAA Large ✓
Code snippets
- CSS
color: #acd157; - Background
background-color: #acd157; - CSS variable
--color-acd157: #acd157; - Modern CSS
color: oklch(81% 0.15 124); - SCSS
$color-acd157: #acd157; - Tailwind
bg-[#acd157] text-[#acd157] - HTML
<div style="background-color: #acd157"></div>