#9A4497 Color (Hex and RGB)
#9A4497
#9a4497 has RGB values (154, 68, 151). The color reads primarily as orange in sRGB space.
Color values
| Format | Value | Channels | Copy |
|---|---|---|---|
| HEX | #9A4497 | R9AG44B97 | |
| RGB | rgb(154 68 151) | R154G68B151 | |
| HSL | hsl(302 39% 44%) | H302°S39%L44% | |
| OKLCH | oklch(53% 0.16 329) | L0.53C0.16H329° | |
| HSV | hsv(302, 56%, 60%) | H302°S56%V60% | |
| CMYK | cmyk(0%, 56%, 2%, 40%) | C0%M56%Y2%K40% |
RGB mix
Base numbers
| Base | R | G | B |
|---|---|---|---|
| Binary | 10011010 | 01000100 | 10010111 |
| Octal | 232 | 104 | 227 |
| Decimal | 154 | 68 | 151 |
| Hex | 9a | 44 | 97 |
Shades & tints
Shades mix #9A4497 with black; tints mix it with white. Click any swatch to explore it.
Shades
- #9A44970%
- #8D3E8A9%
- #80387D17%
- #73337026%
- #662D6434%
- #59275743%
- #4B214A51%
- #3E1C3D59%
- #31163068%
- #24102377%
- #170A1785%
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
#9A4497 on #FFFFFF
5.76:1
AA ✓AAA ✕AA Large ✓AAA Large ✓
Aa
#9A4497 on #000000
3.65:1
AA ✕AAA ✕AA Large ✓AAA Large ✕
Aa
#FFFFFF on #9A4497
5.76:1
AA ✓AAA ✕AA Large ✓AAA Large ✓
Aa
#000000 on #9A4497
3.65:1
AA ✕AAA ✕AA Large ✓AAA Large ✕
Code snippets
- CSS
color: #9a4497; - Background
background-color: #9a4497; - CSS variable
--color-9a4497: #9a4497; - Modern CSS
color: oklch(53% 0.16 329); - SCSS
$color-9a4497: #9a4497; - Tailwind
bg-[#9a4497] text-[#9a4497] - HTML
<div style="background-color: #9a4497"></div>