#456525 Color (Hex and RGB)
#456525
#456525 has RGB values (69, 101, 37). The color reads primarily as lime in sRGB space.
Color values
| Format | Value | Channels | Copy |
|---|---|---|---|
| HEX | #456525 | R45G65B25 | |
| RGB | rgb(69 101 37) | R69G101B37 | |
| HSL | hsl(90 46% 27%) | H90°S46%L27% | |
| OKLCH | oklch(47% 0.1 132) | L0.47C0.1H132° | |
| HSV | hsv(90, 63%, 40%) | H90°S63%V40% | |
| CMYK | cmyk(32%, 0%, 63%, 60%) | C32%M0%Y63%K60% |
RGB mix
Base numbers
| Base | R | G | B |
|---|---|---|---|
| Binary | 01000101 | 01100101 | 00100101 |
| Octal | 105 | 145 | 45 |
| Decimal | 69 | 101 | 37 |
| Hex | 45 | 65 | 25 |
Shades & tints
Shades mix #456525 with black; tints mix it with white. Click any swatch to explore it.
Shades
- #4565250%
- #3F5C229%
- #39541F17%
- #334B1C26%
- #2E431834%
- #283A1543%
- #22311251%
- #1C290F59%
- #16200C68%
- #10180977%
- #0A0F0685%
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
#456525 on #FFFFFF
6.69:1
AA ✓AAA ✕AA Large ✓AAA Large ✓
Aa
#456525 on #000000
3.14:1
AA ✕AAA ✕AA Large ✓AAA Large ✕
Aa
#FFFFFF on #456525
6.69:1
AA ✓AAA ✕AA Large ✓AAA Large ✓
Aa
#000000 on #456525
3.14:1
AA ✕AAA ✕AA Large ✓AAA Large ✕
Code snippets
- CSS
color: #456525; - Background
background-color: #456525; - CSS variable
--color-456525: #456525; - Modern CSS
color: oklch(47% 0.1 132); - SCSS
$color-456525: #456525; - Tailwind
bg-[#456525] text-[#456525] - HTML
<div style="background-color: #456525"></div>