#D54262 Color (Hex and RGB)
#D54262
#d54262 has RGB values (213, 66, 98). The color reads primarily as red in sRGB space.
Color values
| Format | Value | Channels | Copy |
|---|---|---|---|
| HEX | #D54262 | RD5G42B62 | |
| RGB | rgb(213 66 98) | R213G66B98 | |
| HSL | hsl(347 64% 55%) | H347°S64%L55% | |
| OKLCH | oklch(60% 0.18 12) | L0.6C0.18H12° | |
| HSV | hsv(347, 69%, 84%) | H347°S69%V84% | |
| CMYK | cmyk(0%, 69%, 54%, 16%) | C0%M69%Y54%K16% |
RGB mix
Base numbers
| Base | R | G | B |
|---|---|---|---|
| Binary | 11010101 | 01000010 | 01100010 |
| Octal | 325 | 102 | 142 |
| Decimal | 213 | 66 | 98 |
| Hex | d5 | 42 | 62 |
Shades & tints
Shades mix #D54262 with black; tints mix it with white. Click any swatch to explore it.
Shades
- #D542620%
- #C33C5A9%
- #B1375117%
- #9F314926%
- #8D2C4134%
- #7A263843%
- #68203051%
- #561B2859%
- #44151F68%
- #32101777%
- #200A0F85%
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
#D54262 on #FFFFFF
4.39:1
AA ✕AAA ✕AA Large ✓AAA Large ✕
Aa
#D54262 on #000000
4.78:1
AA ✓AAA ✕AA Large ✓AAA Large ✓
Aa
#FFFFFF on #D54262
4.39:1
AA ✕AAA ✕AA Large ✓AAA Large ✕
Aa
#000000 on #D54262
4.78:1
AA ✓AAA ✕AA Large ✓AAA Large ✓
Code snippets
- CSS
color: #d54262; - Background
background-color: #d54262; - CSS variable
--color-d54262: #d54262; - Modern CSS
color: oklch(60% 0.18 12); - SCSS
$color-d54262: #d54262; - Tailwind
bg-[#d54262] text-[#d54262] - HTML
<div style="background-color: #d54262"></div>