En yakın adlandırılmış renk · #D7A3A6
#D7A3A6
En yakın adlandırılmış renk: Young at Heart
#D7A3A6 (rgb(215 163 166), hsl(357 39% 74%), oklch(0.765 0.062 14.8)) en çok Young at Heart adlı renge yakındır. Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
#D7A3A6
oklch(0.765 0.062 14.8)
Renk dönüşümleri
- 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%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- DBACAF
- E0B5B7
- E4BEC0
- E8C7C9
- ECD0D2
- F0DADB
- F4E3E4
- F8ECED
- FBF6F6
Koyu tonlar
- BB8D90
- 9F787A
- 856365
- 6B4F51
- 523C3E
- 3B2A2B
- 25191A
- 110A0A
- 020101
Gri tonlar
- CEA0A2
- C59C9E
- BD999A
- B49597
- AB9293
- A38E8F
- 9A8B8B
- 918787
- 898484
Renk uyumları
Tamamlayıcı +180°
- D7A3A6
Young at Heart
- 83BFBE
≈ Riverbed
Analog -30° +30°
- D7A3A6
Young at Heart
- D0A3BC
≈ Enhance
- D5A792
≈ North Rim
Üçlü +120° +240°
- D7A3A6
Young at Heart
- A2BC94
≈ Quiet Green
- 98B5DA
≈ Echo Isles Water
Bölünmüş tamamlayıcı +150° +210°
- D7A3A6
Young at Heart
- 8EBFA9
≈ Spearmint Frosting
- 88BBD0
≈ Juvie
Dörtlü +90° +180° +270°
- D7A3A6
Young at Heart
- B8B588
≈ Cress Vinaigrette
- 83BFBE
≈ Riverbed
- AEAED9
≈ Purple Hibiscus
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.16:1 · APCA Lc 43
Ag
AAASiyah üzerinde
WCAG 9.67:1 · APCA Lc 60
En iyi metin rengi: #000000
WCAG 9.67:1 (AAA) · APCA Lc 60
Contrast pairs
Kod parçacıkları
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);
}