#AD5F7D Color (Hex and RGB)
#AD5F7D
#ad5f7d has RGB values (173, 95, 125). The color reads primarily as red in sRGB space.
Color values
| Format | Value | Channels | Copy |
|---|---|---|---|
| HEX | #AD5F7D | RADG5FB7D | |
| RGB | rgb(173 95 125) | R173G95B125 | |
| HSL | hsl(337 32% 53%) | H337°S32%L53% | |
| OKLCH | oklch(58% 0.11 356) | L0.58C0.11H356° | |
| HSV | hsv(337, 45%, 68%) | H337°S45%V68% | |
| CMYK | cmyk(0%, 45%, 28%, 32%) | C0%M45%Y28%K32% |
RGB mix
Base numbers
| Base | R | G | B |
|---|---|---|---|
| Binary | 10101101 | 01011111 | 01111101 |
| Octal | 255 | 137 | 175 |
| Decimal | 173 | 95 | 125 |
| Hex | ad | 5f | 7d |
Shades & tints
Shades mix #AD5F7D with black; tints mix it with white. Click any swatch to explore it.
Shades
- #AD5F7D0%
- #9E57729%
- #904F6817%
- #81475D26%
- #723F5334%
- #63374843%
- #552F3D51%
- #46263359%
- #371E2868%
- #29161D77%
- #1A0E1385%
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
#AD5F7D on #FFFFFF
4.46:1
AA ✕AAA ✕AA Large ✓AAA Large ✕
Aa
#AD5F7D on #000000
4.71:1
AA ✓AAA ✕AA Large ✓AAA Large ✓
Aa
#FFFFFF on #AD5F7D
4.46:1
AA ✕AAA ✕AA Large ✓AAA Large ✕
Aa
#000000 on #AD5F7D
4.71:1
AA ✓AAA ✕AA Large ✓AAA Large ✓
Code snippets
- CSS
color: #ad5f7d; - Background
background-color: #ad5f7d; - CSS variable
--color-ad5f7d: #ad5f7d; - Modern CSS
color: oklch(58% 0.11 356); - SCSS
$color-ad5f7d: #ad5f7d; - Tailwind
bg-[#ad5f7d] text-[#ad5f7d] - HTML
<div style="background-color: #ad5f7d"></div>