Nearest named color · #DDA8B3
#DDA8B3
Nearest named color: Young at Heart
#DDA8B3 (rgb(221 168 179), hsl(348 44% 76%), oklch(0.784 0.064 4.8)) is closest to the named color Young at Heart. See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
#DDA8B3
oklch(0.784 0.064 4.8)
Color conversions
- HEX
- #dda8b3
- RGB
- rgb(221 168 179)
- HSL
- hsl(348 44% 76%)
- HWB
- hwb(348 66% 13%)
- OKLCH
- oklch(0.784 0.064 4.8)
- OKLab
- oklab(0.784 0.064 0.005)
- CIE Lab
- lab(74.12 21.28 2.3)
- LCH
- lch(74.12 21.4 6.2)
- CMYK
- cmyk(0% 24% 19% 13%)
Tints · Shades · Tones
Tints
- E1B1BA
- E4B9C2
- E8C2C9
- ECCAD1
- EFD3D8
- F2DCE0
- F6E5E8
- F9EDEF
- FCF6F7
Shades
- C0929B
- A47C84
- 88676E
- 6E5258
- 553F43
- 3D2C2F
- 261A1D
- 110A0C
- 020101
Tones
- D4A4AE
- CAA0A9
- C19CA3
- B7989E
- AE9499
- A59094
- 9C8C8F
- 92888A
- 898485
Color harmonies
Complementary +180°
- DDA8B3
Young at Heart
- 89C6BE
≈ Holiday Turquoise
Analogous -30° +30°
- DDA8B3
Young at Heart
- D3AAC9
≈ Queenly
- DEAB9D
≈ Sun-Kissed Beach
Triadic +120° +240°
- DDA8B3
Young at Heart
- AFC094
≈ Harmonious
- 97BEDF
≈ Sleeping Easy
Split-complementary +150° +210°
- DDA8B3
Young at Heart
- 99C5A7
≈ Mini Green
- 89C4D2
≈ After the Rain
Tetradic +90° +180° +270°
- DDA8B3
Young at Heart
- C5B98A
≈ Bakelite Yellow
- 89C6BE
≈ Holiday Turquoise
- ACB6E2
≈ Sassy Violet
Contrast & accessibility
Ag
FailOn white
WCAG 2.03:1 · APCA Lc 39
Ag
AAAOn black
WCAG 10.32:1 · APCA Lc 63
Best text color: #000000
WCAG 10.32:1 (AAA) · APCA Lc 63
Contrast pairs
Code snippets
CSS
:root {
--young-at-heart: #dda8b3;
--young-at-heart-rgb: 221 168 179;
--young-at-heart-oklch: oklch(0.784 0.064 4.8);
}
.element {
color: var(--young-at-heart);
background-color: hsl(348 44% 76%);
border-color: oklch(0.784 0.064 4.8);
}Tailwind CSS v4
@theme {
--color-young-at-heart: #dda8b3;
--color-young-at-heart-50: #ffeef2;
--color-young-at-heart-100: #fce0e4;
--color-young-at-heart-200: #eecacf;
--color-young-at-heart-300: #d5aab2;
--color-young-at-heart-400: #c08f99;
--color-young-at-heart-500: #ab7480;
--color-young-at-heart-600: #90636d;
--color-young-at-heart-700: #744f57;
--color-young-at-heart-800: #553940;
--color-young-at-heart-900: #3c272c;
--color-young-at-heart-950: #251519;
}SCSS
$young-at-heart: #dda8b3;
$young-at-heart-rgb: 221, 168, 179;
$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);
}