Couleur nommée la plus proche · #DDA8B3
#DDA8B3
Couleur nommée la plus proche: Young at Heart
#DDA8B3 (rgb(221 168 179), hsl(348 44% 76%), oklch(0.784 0.064 4.8)) est la plus proche de la couleur nommée Young at Heart. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#DDA8B3
oklch(0.784 0.064 4.8)
Conversions de couleur
- 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%)
Teintes · Ombres · Tons
Teintes
- E1B1BA
- E4B9C2
- E8C2C9
- ECCAD1
- EFD3D8
- F2DCE0
- F6E5E8
- F9EDEF
- FCF6F7
Ombres
- C0929B
- A47C84
- 88676E
- 6E5258
- 553F43
- 3D2C2F
- 261A1D
- 110A0C
- 020101
Tons
- D4A4AE
- CAA0A9
- C19CA3
- B7989E
- AE9499
- A59094
- 9C8C8F
- 92888A
- 898485
Harmonies de couleurs
Complémentaire +180°
- DDA8B3
Young at Heart
- 89C6BE
≈ Holiday Turquoise
Analogue -30° +30°
- DDA8B3
Young at Heart
- D3AAC9
≈ Queenly
- DEAB9D
≈ Sun-Kissed Beach
Triadique +120° +240°
- DDA8B3
Young at Heart
- AFC094
≈ Harmonious
- 97BEDF
≈ Sleeping Easy
Complémentaire divisée +150° +210°
- DDA8B3
Young at Heart
- 99C5A7
≈ Mini Green
- 89C4D2
≈ After the Rain
Tétradique +90° +180° +270°
- DDA8B3
Young at Heart
- C5B98A
≈ Bakelite Yellow
- 89C6BE
≈ Holiday Turquoise
- ACB6E2
≈ Sassy Violet
Contraste et accessibilité
Ag
FailSur blanc
WCAG 2.03:1 · APCA Lc 39
Ag
AAASur noir
WCAG 10.32:1 · APCA Lc 63
Meilleure couleur de texte: #000000
WCAG 10.32:1 (AAA) · APCA Lc 63
Contrast pairs
Extraits de code
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);
}