最接近的命名颜色 · #D6A5AA
#D6A5AA
最接近的命名颜色: Young at Heart
#D6A5AA（rgb(214 165 170)、hsl(354 37% 74%)、oklch(0.768 0.058 11.7)）最接近命名颜色 Young at Heart。查看浅色调、深色调、和谐色、WCAG 与 APCA 对比度，以及 CSS、Tailwind v4 和 SCSS 代码。
#D6A5AA
oklch(0.768 0.058 11.7)
颜色转换
- HEX
- #d6a5aa
- RGB
- rgb(214 165 170)
- HSL
- hsl(354 37% 74%)
- HWB
- hwb(354 65% 16%)
- OKLCH
- oklch(0.768 0.058 11.7)
- OKLab
- oklab(0.768 0.057 0.012)
- CIE Lab
- lab(72.48 19.16 4.75)
- LCH
- lch(72.48 19.74 13.9)
- CMYK
- cmyk(0% 23% 21% 16%)
浅色调 · 深色调 · 灰色调
浅色调
- DAAEB2
- DFB7BA
- E3C0C3
- E7C8CB
- EBD1D4
- EFDADC
- F3E4E5
- F7EDEE
- FBF6F6
深色调
- BA8F93
- 9E797D
- 846568
- 6A5153
- 523D3F
- 3B2B2D
- 251A1B
- 100A0B
- 020101
灰色调
- CDA1A6
- C59EA1
- BC9A9D
- B39699
- AB9395
- A28F91
- 9A8B8C
- 918788
- 898484
配色和谐
互补色 +180°
- D6A5AA
Young at Heart
- 88C0BD
≈ Undine
类似色 -30° +30°
- D6A5AA
Young at Heart
- CFA6BE
≈ Safflower Wisteria
- D5A897
≈ Tiffany Rose
三角配色 +120° +240°
- D6A5AA
Young at Heart
- A6BC96
≈ Byakuroku Green
- 99B7D8
≈ Mont Blanc
分裂互补色 +150° +210°
- D6A5AA
Young at Heart
- 93C0A8
≈ Spearmint Frosting
- 8BBDCE
≈ Juvie
四角配色 +90° +180° +270°
- D6A5AA
Young at Heart
- BBB68B
≈ Cress Vinaigrette
- 88C0BD
≈ Undine
- ADB0D9
≈ High Style
对比度与无障碍
Ag
Fail白底
WCAG 2.13:1 · APCA Lc 42
Ag
AAA黑底
WCAG 9.82:1 · APCA Lc 60
最佳文字颜色: #000000
WCAG 9.82:1 (AAA) · APCA Lc 60
Contrast pairs
代码片段
CSS
:root {
--young-at-heart: #d6a5aa;
--young-at-heart-rgb: 214 165 170;
--young-at-heart-oklch: oklch(0.768 0.058 11.7);
}
.element {
color: var(--young-at-heart);
background-color: hsl(354 37% 74%);
border-color: oklch(0.768 0.058 11.7);
}Tailwind CSS v4
@theme {
--color-young-at-heart: #d6a5aa;
--color-young-at-heart-50: #ffeff0;
--color-young-at-heart-100: #fbe0e2;
--color-young-at-heart-200: #eccbcd;
--color-young-at-heart-300: #d4acae;
--color-young-at-heart-400: #be9195;
--color-young-at-heart-500: #a9767c;
--color-young-at-heart-600: #8f6469;
--color-young-at-heart-700: #735054;
--color-young-at-heart-800: #543a3e;
--color-young-at-heart-900: #3b282a;
--color-young-at-heart-950: #251618;
}SCSS
$young-at-heart: #d6a5aa;
$young-at-heart-rgb: 214, 165, 170;
$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);
}