Named color · #E5C1D9
Dog Rose
Dog Rose is #E5C1D9: rgb(229 193 217), hsl(320 41% 83%), oklch(0.849 0.052 338.4). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Pink mean? → · Dog Rose color name →
#E5C1D9
oklch(0.849 0.052 338.4)
Color conversions
- HEX
- #e5c1d9
- RGB
- rgb(229 193 217)
- HSL
- hsl(320 41% 83%)
- HWB
- hwb(320 76% 10%)
- OKLCH
- oklch(0.849 0.052 338.4)
- OKLab
- oklab(0.849 0.048 -0.019)
- CIE Lab
- lab(81.77 16.17 -7.01)
- LCH
- lch(81.77 17.62 336.6)
- CMYK
- cmyk(0% 16% 5% 10%)
Tints · Shades · Tones
Tints
- E8C7DD
- EACDE1
- EDD3E4
- F0DAE8
- F2E0EC
- F5E6F0
- F8ECF4
- FAF2F7
- FDF9FB
Shades
- C7A7BC
- AA8FA1
- 8E7786
- 725F6C
- 584953
- 3F343B
- 282025
- 120E11
- 030202
Tones
- DBBAD0
- D0B4C7
- C6ADBD
- BCA7B4
- B1A0AB
- A79AA3
- 9D939A
- 948D91
- 8A8689
Color harmonies
Complementary +180°
- E5C1D9
Dog Rose
- B2D8C1
≈ Mint Gala
Analogous -30° +30°
- E5C1D9
Dog Rose
- D7C5E8
≈ Foggy Love
- EDC0C7
≈ Rose Melody
Triadic +120° +240°
- E5C1D9
Dog Rose
- D6CEA8
≈ Crystal Palace
- A8D6E4
≈ Atlantic Ocean
Split-complementary +150° +210°
- E5C1D9
Dog Rose
- C3D4B1
≈ Morris Leaf
- A8D9D4
≈ Brilliante
Tetradic +90° +180° +270°
Contrast & accessibility
Ag
FailOn white
WCAG 1.62:1 · APCA Lc 28
Ag
AAAOn black
WCAG 12.96:1 · APCA Lc 75
Best text color: #000000
WCAG 12.96:1 (AAA) · APCA Lc 75
Contrast pairs
Code snippets
CSS
:root {
--dog-rose: #e5c1d9;
--dog-rose-rgb: 229 193 217;
--dog-rose-oklch: oklch(0.849 0.052 338.4);
}
.element {
color: var(--dog-rose);
background-color: hsl(320 41% 83%);
border-color: oklch(0.849 0.052 338.4);
}Tailwind CSS v4
@theme {
--color-dog-rose: #e5c1d9;
--color-dog-rose-50: #fff0fa;
--color-dog-rose-100: #f5e2ed;
--color-dog-rose-200: #e4ccdb;
--color-dog-rose-300: #cbaec0;
--color-dog-rose-400: #b493a9;
--color-dog-rose-500: #9e7992;
--color-dog-rose-600: #85677b;
--color-dog-rose-700: #6b5263;
--color-dog-rose-800: #4e3c49;
--color-dog-rose-900: #362933;
--color-dog-rose-950: #21171e;
}SCSS
$dog-rose: #e5c1d9;
$dog-rose-rgb: 229, 193, 217;
$dog-rose-light: mix(#fff, $dog-rose, 20%);
$dog-rose-dark: mix(#000, $dog-rose, 20%);
.element {
color: $dog-rose;
box-shadow: 0 0 0 2px rgba($dog-rose, 0.35);
}