Nearest named color · #D56D99
#D56D99
Nearest named color: Preppy Rose
#D56D99 (rgb(213 109 153), hsl(335 55% 63%), oklch(0.667 0.139 354.8)) is closest to the named color Preppy Rose. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#D56D99
oklch(0.667 0.139 354.8)
Color conversions
- HEX
- #d56d99
- RGB
- rgb(213 109 153)
- HSL
- hsl(335 55% 63%)
- HWB
- hwb(335 43% 16%)
- OKLCH
- oklch(0.667 0.139 354.8)
- OKLab
- oklab(0.667 0.138 -0.013)
- CIE Lab
- lab(59.62 45.29 -4.24)
- LCH
- lch(59.62 45.49 354.6)
- CMYK
- cmyk(0% 49% 28% 16%)
Tints · Shades · Tones
Tints
- DB7CA3
- E08BAD
- E599B7
- EAA8C1
- EEB6CB
- F2C5D5
- F6D3DF
- F9E2EA
- FCF0F4
Shades
- B95E84
- 9E4F70
- 83415D
- 6A334A
- 512638
- 3A1927
- 240D17
- 100408
- 020101
Tones
- CD7096
- C57294
- BD7591
- B5778F
- AD798C
- A47B8A
- 9B7C87
- 937E85
- 897F82
Color harmonies
Complementary +180°
- D56D99
Preppy Rose
- 00AD90
≈ Hobgoblin
Analogous -30° +30°
- D56D99
Preppy Rose
- BF74C3
≈ Gulābī Pink
- DD6F68
≈ Calypso Red
Triadic +120° +240°
- D56D99
Preppy Rose
- 939E24
≈ Biology Experiments
- 0DA0DD
≈ Vanadyl Blue
Split-complementary +150° +210°
- D56D99
Preppy Rose
- 58AA5C
≈ Exploration Green
- 00A8B5
≈ Exotic Sea
Tetradic +90° +180° +270°
- D56D99
Preppy Rose
- BB8C00
≈ Loden Yellow
- 00AD90
≈ Hobgoblin
- 6A91EA
≈ Guilliman Blue
Contrast & accessibility
Ag
FailOn white
WCAG 3.24:1 · APCA Lc 59
Ag
AAOn black
WCAG 6.47:1 · APCA Lc 42
Best text color: #000000
WCAG 6.47:1 (AA) · APCA Lc 42
Contrast pairs
Code snippets
CSS
:root {
--preppy-rose: #d56d99;
--preppy-rose-rgb: 213 109 153;
--preppy-rose-oklch: oklch(0.667 0.139 354.8);
}
.element {
color: var(--preppy-rose);
background-color: hsl(335 55% 63%);
border-color: oklch(0.667 0.139 354.8);
}Tailwind CSS v4
@theme {
--color-preppy-rose: #d56d99;
--color-preppy-rose-50: #ffe5f6;
--color-preppy-rose-100: #ffd5e9;
--color-preppy-rose-200: #ffbcd5;
--color-preppy-rose-300: #f199b9;
--color-preppy-rose-400: #dd79a3;
--color-preppy-rose-500: #ca598b;
--color-preppy-rose-600: #ab4c76;
--color-preppy-rose-700: #893d5e;
--color-preppy-rose-800: #652b47;
--color-preppy-rose-900: #471d31;
--color-preppy-rose-950: #2e0d1d;
}SCSS
$preppy-rose: #d56d99;
$preppy-rose-rgb: 213, 109, 153;
$preppy-rose-light: mix(#fff, $preppy-rose, 20%);
$preppy-rose-dark: mix(#000, $preppy-rose, 20%);
.element {
color: $preppy-rose;
box-shadow: 0 0 0 2px rgba($preppy-rose, 0.35);
}