#3F1A0A Color (Hex and RGB)
#3F1A0A
#3f1a0a has RGB values (63, 26, 10). The color reads primarily as orange in sRGB space.
Color values
| Format | Value | Channels | Copy |
|---|---|---|---|
| HEX | #3F1A0A | R3FG1AB0A | |
| RGB | rgb(63 26 10) | R63G26B10 | |
| HSL | hsl(18 73% 14%) | H18°S73%L14% | |
| OKLCH | oklch(27% 0.06 43) | L0.27C0.06H43° | |
| HSV | hsv(18, 84%, 25%) | H18°S84%V25% | |
| CMYK | cmyk(0%, 59%, 84%, 75%) | C0%M59%Y84%K75% |
RGB mix
Base numbers
| Base | R | G | B |
|---|---|---|---|
| Binary | 00111111 | 00011010 | 00001010 |
| Octal | 77 | 32 | 12 |
| Decimal | 63 | 26 | 10 |
| Hex | 3f | 1a | 0a |
Shades & tints
Shades mix #3F1A0A with black; tints mix it with white. Click any swatch to explore it.
Shades
- #3F1A0A0%
- #3A18099%
- #34160817%
- #2F130726%
- #2A110734%
- #240F0643%
- #1F0D0551%
- #1A0B0459%
- #14080368%
- #0F060277%
- #09040285%
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
#3F1A0A on #FFFFFF
15.40:1
AA ✓AAA ✓AA Large ✓AAA Large ✓
Aa
#3F1A0A on #000000
1.36:1
AA ✕AAA ✕AA Large ✕AAA Large ✕
Aa
#FFFFFF on #3F1A0A
15.40:1
AA ✓AAA ✓AA Large ✓AAA Large ✓
Aa
#000000 on #3F1A0A
1.36:1
AA ✕AAA ✕AA Large ✕AAA Large ✕
Code snippets
- CSS
color: #3f1a0a; - Background
background-color: #3f1a0a; - CSS variable
--color-3f1a0a: #3f1a0a; - Modern CSS
color: oklch(27% 0.06 43); - SCSS
$color-3f1a0a: #3f1a0a; - Tailwind
bg-[#3f1a0a] text-[#3f1a0a] - HTML
<div style="background-color: #3f1a0a"></div>