#452F13 Color (Hex and RGB)
#452F13
#452f13 has RGB values (69, 47, 19). The color reads primarily as orange in sRGB space.
Color values
| Format | Value | Channels | Copy |
|---|---|---|---|
| HEX | #452F13 | R45G2FB13 | |
| RGB | rgb(69 47 19) | R69G47B19 | |
| HSL | hsl(34 57% 17%) | H34°S57%L17% | |
| OKLCH | oklch(32% 0.05 71) | L0.32C0.05H71° | |
| HSV | hsv(34, 72%, 27%) | H34°S72%V27% | |
| CMYK | cmyk(0%, 32%, 72%, 73%) | C0%M32%Y72%K73% |
RGB mix
Base numbers
| Base | R | G | B |
|---|---|---|---|
| Binary | 01000101 | 00101111 | 00010011 |
| Octal | 105 | 57 | 23 |
| Decimal | 69 | 47 | 19 |
| Hex | 45 | 2f | 13 |
Shades & tints
Shades mix #452F13 with black; tints mix it with white. Click any swatch to explore it.
Shades
- #452F130%
- #3F2B119%
- #39271017%
- #33230E26%
- #2E1F0D34%
- #281B0B43%
- #22170951%
- #1C130859%
- #160F0668%
- #100B0477%
- #0A070385%
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
#452F13 on #FFFFFF
12.58:1
AA ✓AAA ✓AA Large ✓AAA Large ✓
Aa
#452F13 on #000000
1.67:1
AA ✕AAA ✕AA Large ✕AAA Large ✕
Aa
#FFFFFF on #452F13
12.58:1
AA ✓AAA ✓AA Large ✓AAA Large ✓
Aa
#000000 on #452F13
1.67:1
AA ✕AAA ✕AA Large ✕AAA Large ✕
Code snippets
- CSS
color: #452f13; - Background
background-color: #452f13; - CSS variable
--color-452f13: #452f13; - Modern CSS
color: oklch(32% 0.05 71); - SCSS
$color-452f13: #452f13; - Tailwind
bg-[#452f13] text-[#452f13] - HTML
<div style="background-color: #452f13"></div>