#662046 Color (Hex and RGB)
#662046
#662046 has RGB values (102, 32, 70). The color reads primarily as orange in sRGB space.
Color values
| Format | Value | Channels | Copy |
|---|---|---|---|
| HEX | #662046 | R66G20B46 | |
| RGB | rgb(102 32 70) | R102G32B70 | |
| HSL | hsl(327 52% 26%) | H327°S52%L26% | |
| OKLCH | oklch(36% 0.11 350) | L0.36C0.11H350° | |
| HSV | hsv(327, 69%, 40%) | H327°S69%V40% | |
| CMYK | cmyk(0%, 69%, 31%, 60%) | C0%M69%Y31%K60% |
RGB mix
Base numbers
| Base | R | G | B |
|---|---|---|---|
| Binary | 01100110 | 00100000 | 01000110 |
| Octal | 146 | 40 | 106 |
| Decimal | 102 | 32 | 70 |
| Hex | 66 | 20 | 46 |
Shades & tints
Shades mix #662046 with black; tints mix it with white. Click any swatch to explore it.
Shades
- #6620460%
- #5D1D409%
- #551B3A17%
- #4C183426%
- #43152E34%
- #3B122843%
- #32102251%
- #290D1C59%
- #210A1668%
- #18081077%
- #0F050B85%
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
#662046 on #FFFFFF
11.29:1
AA ✓AAA ✓AA Large ✓AAA Large ✓
Aa
#662046 on #000000
1.86:1
AA ✕AAA ✕AA Large ✕AAA Large ✕
Aa
#FFFFFF on #662046
11.29:1
AA ✓AAA ✓AA Large ✓AAA Large ✓
Aa
#000000 on #662046
1.86:1
AA ✕AAA ✕AA Large ✕AAA Large ✕
Code snippets
- CSS
color: #662046; - Background
background-color: #662046; - CSS variable
--color-662046: #662046; - Modern CSS
color: oklch(36% 0.11 350); - SCSS
$color-662046: #662046; - Tailwind
bg-[#662046] text-[#662046] - HTML
<div style="background-color: #662046"></div>