最接近的命名颜色 · #D7A3A6
#D7A3A6
最接近的命名颜色: Young at Heart
#D7A3A6（rgb(215 163 166)、hsl(357 39% 74%)、oklch(0.765 0.062 14.8)）最接近命名颜色 Young at Heart。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
#D7A3A6
oklch(0.765 0.062 14.8)
颜色转换
- 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%)
浅色调 · 深色调 · 灰色调
浅色调
- DBACAF
- E0B5B7
- E4BEC0
- E8C7C9
- ECD0D2
- F0DADB
- F4E3E4
- F8ECED
- FBF6F6
深色调
- BB8D90
- 9F787A
- 856365
- 6B4F51
- 523C3E
- 3B2A2B
- 25191A
- 110A0A
- 020101
灰色调
- CEA0A2
- C59C9E
- BD999A
- B49597
- AB9293
- A38E8F
- 9A8B8B
- 918787
- 898484
配色和谐
互补色 +180°
- D7A3A6
Young at Heart
- 83BFBE
≈ Riverbed
类似色 -30° +30°
- D7A3A6
Young at Heart
- D0A3BC
≈ Enhance
- D5A792
≈ North Rim
三角配色 +120° +240°
- D7A3A6
Young at Heart
- A2BC94
≈ Quiet Green
- 98B5DA
≈ Echo Isles Water
分裂互补色 +150° +210°
- D7A3A6
Young at Heart
- 8EBFA9
≈ Spearmint Frosting
- 88BBD0
≈ Juvie
四角配色 +90° +180° +270°
- D7A3A6
Young at Heart
- B8B588
≈ Cress Vinaigrette
- 83BFBE
≈ Riverbed
- AEAED9
≈ Purple Hibiscus
对比度与无障碍
Ag
Fail白底
WCAG 2.16:1 · APCA Lc 43
Ag
AAA黑底
WCAG 9.67:1 · APCA Lc 60
最佳文字颜色: #000000
WCAG 9.67:1 (AAA) · APCA Lc 60
Contrast pairs
代码片段
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);
}