Named color · #D5A1A9
Young at Heart
Young at Heart is #D5A1A9: rgb(213 161 169), hsl(351 38% 73%), oklch(0.76 0.062 8.4). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Red mean? → · Young at Heart color name →
#D5A1A9
oklch(0.76 0.062 8.4)
Color conversions
- HEX
- #d5a1a9
- RGB
- rgb(213 161 169)
- HSL
- hsl(351 38% 73%)
- HWB
- hwb(351 63% 16%)
- OKLCH
- oklch(0.76 0.062 8.4)
- OKLab
- oklab(0.76 0.062 0.009)
- CIE Lab
- lab(71.39 20.72 3.74)
- LCH
- lch(71.39 21.06 10.2)
- CMYK
- cmyk(0% 24% 21% 16%)
Tints · Shades · Tones
Tints
- DAAAB1
- DEB3BA
- E2BDC2
- E7C6CB
- EBCFD3
- EFD9DC
- F3E2E5
- F7ECED
- FBF5F6
Shades
- B98B92
- 9E767C
- 836267
- 6A4E53
- 513C3F
- 3A2A2C
- 24191B
- 10090A
- 020101
Tones
- CC9EA5
- C49AA1
- BB979C
- B39498
- AA9194
- A28D90
- 998A8C
- 918788
- 888384
Color harmonies
Complementary +180°
- D5A1A9
Young at Heart
- 82BEB8
≈ Gentle Wave
Analogous -30° +30°
- D5A1A9
Young at Heart
- CCA2BF
≈ Lilac Fluff
- D5A494
≈ Rosettee
Triadic +120° +240°
- D5A1A9
Young at Heart
- A5B98F
≈ Norway
- 92B5D7
≈ Oxygen Blue
Split-complementary +150° +210°
- D5A1A9
Young at Heart
- 90BEA2
≈ Green-Eyed Lady
- 83BBCC
≈ Blue Bird Morning
Tetradic +90° +180° +270°
- D5A1A9
Young at Heart
- BBB284
≈ Ryegrass
- 82BEB8
≈ Gentle Wave
- A7AED9
≈ Calm Interlude
Contrast & accessibility
Ag
FailOn white
WCAG 2.21:1 · APCA Lc 43
Ag
AAAOn black
WCAG 9.50:1 · APCA Lc 59
Best text color: #000000
WCAG 9.50:1 (AAA) · APCA Lc 59
Contrast pairs
Code snippets
CSS
:root {
--young-at-heart: #d5a1a9;
--young-at-heart-rgb: 213 161 169;
--young-at-heart-oklch: oklch(0.76 0.062 8.4);
}
.element {
color: var(--young-at-heart);
background-color: hsl(351 38% 73%);
border-color: oklch(0.76 0.062 8.4);
}Tailwind CSS v4
@theme {
--color-young-at-heart: #d5a1a9;
--color-young-at-heart-50: #ffeef1;
--color-young-at-heart-100: #fce0e3;
--color-young-at-heart-200: #eecace;
--color-young-at-heart-300: #d5abb0;
--color-young-at-heart-400: #c09097;
--color-young-at-heart-500: #ab757e;
--color-young-at-heart-600: #90636b;
--color-young-at-heart-700: #744f55;
--color-young-at-heart-800: #55393f;
--color-young-at-heart-900: #3c272b;
--color-young-at-heart-950: #251519;
}SCSS
$young-at-heart: #d5a1a9;
$young-at-heart-rgb: 213, 161, 169;
$young-at-heart-light: mix(#fff, $young-at-heart, 20%);
$young-at-heart-dark: mix(#000, $young-at-heart, 20%);
.element {
color: $young-at-heart;
box-shadow: 0 0 0 2px rgba($young-at-heart, 0.35);
}