Couleur nommée la plus proche · #D7A3A6
#D7A3A6
Couleur nommée la plus proche: Young at Heart
#D7A3A6 (rgb(215 163 166), hsl(357 39% 74%), oklch(0.765 0.062 14.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.
#D7A3A6
oklch(0.765 0.062 14.8)
Conversions de couleur
- HEX
- #d7a3a6
- RGB
- rgb(215 163 166)
- HSL
- hsl(357 39% 74%)
- HWB
- hwb(357 64% 16%)
- OKLCH
- oklch(0.765 0.062 14.8)
- OKLab
- oklab(0.765 0.06 0.016)
- CIE Lab
- lab(72.02 20.13 6.31)
- LCH
- lch(72.02 21.1 17.4)
- CMYK
- cmyk(0% 24% 23% 16%)
Teintes · Ombres · Tons
Teintes
- DBACAF
- E0B5B7
- E4BEC0
- E8C7C9
- ECD0D2
- F0DADB
- F4E3E4
- F8ECED
- FBF6F6
Ombres
- BB8D90
- 9F787A
- 856365
- 6B4F51
- 523C3E
- 3B2A2B
- 25191A
- 110A0A
- 020101
Tons
- CEA0A2
- C59C9E
- BD999A
- B49597
- AB9293
- A38E8F
- 9A8B8B
- 918787
- 898484
Harmonies de couleurs
Complémentaire +180°
- D7A3A6
Young at Heart
- 83BFBE
≈ Riverbed
Analogue -30° +30°
- D7A3A6
Young at Heart
- D0A3BC
≈ Enhance
- D5A792
≈ North Rim
Triadique +120° +240°
- D7A3A6
Young at Heart
- A2BC94
≈ Quiet Green
- 98B5DA
≈ Echo Isles Water
Complémentaire divisée +150° +210°
- D7A3A6
Young at Heart
- 8EBFA9
≈ Spearmint Frosting
- 88BBD0
≈ Juvie
Tétradique +90° +180° +270°
- D7A3A6
Young at Heart
- B8B588
≈ Cress Vinaigrette
- 83BFBE
≈ Riverbed
- AEAED9
≈ Purple Hibiscus
Contraste et accessibilité
Ag
FailSur blanc
WCAG 2.16:1 · APCA Lc 43
Ag
AAASur noir
WCAG 9.67:1 · APCA Lc 60
Meilleure couleur de texte: #000000
WCAG 9.67:1 (AAA) · APCA Lc 60
Contrast pairs
Extraits de code
CSS
:root {
--young-at-heart: #d7a3a6;
--young-at-heart-rgb: 215 163 166;
--young-at-heart-oklch: oklch(0.765 0.062 14.8);
}
.element {
color: var(--young-at-heart);
background-color: hsl(357 39% 74%);
border-color: oklch(0.765 0.062 14.8);
}Tailwind CSS v4
@theme {
--color-young-at-heart: #d7a3a6;
--color-young-at-heart-50: #ffeeef;
--color-young-at-heart-100: #fce0e0;
--color-young-at-heart-200: #eecacb;
--color-young-at-heart-300: #d5abac;
--color-young-at-heart-400: #c09093;
--color-young-at-heart-500: #ab7579;
--color-young-at-heart-600: #916467;
--color-young-at-heart-700: #745052;
--color-young-at-heart-800: #563a3c;
--color-young-at-heart-900: #3c2729;
--color-young-at-heart-950: #251517;
}SCSS
$young-at-heart: #d7a3a6;
$young-at-heart-rgb: 215, 163, 166;
$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);
}