Màu có tên gần nhất · #D6A5AA
#D6A5AA
Màu có tên gần nhất: Young at Heart
#D6A5AA (rgb(214 165 170), hsl(354 37% 74%), oklch(0.768 0.058 11.7)) gần nhất với màu có tên Young at Heart. Xem sắc nhạt, sắc đậm, hòa sắc, tương phản WCAG và APCA, cùng mã CSS, Tailwind v4 và SCSS.
#D6A5AA
oklch(0.768 0.058 11.7)
Chuyển đổi màu
- 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%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- DAAEB2
- DFB7BA
- E3C0C3
- E7C8CB
- EBD1D4
- EFDADC
- F3E4E5
- F7EDEE
- FBF6F6
Sắc đậm
- BA8F93
- 9E797D
- 846568
- 6A5153
- 523D3F
- 3B2B2D
- 251A1B
- 100A0B
- 020101
Sắc xám
- CDA1A6
- C59EA1
- BC9A9D
- B39699
- AB9395
- A28F91
- 9A8B8C
- 918788
- 898484
Hòa sắc
Bổ túc +180°
- D6A5AA
Young at Heart
- 88C0BD
≈ Undine
Tương đồng -30° +30°
- D6A5AA
Young at Heart
- CFA6BE
≈ Safflower Wisteria
- D5A897
≈ Tiffany Rose
Bộ ba +120° +240°
- D6A5AA
Young at Heart
- A6BC96
≈ Byakuroku Green
- 99B7D8
≈ Mont Blanc
Bổ túc chia +150° +210°
- D6A5AA
Young at Heart
- 93C0A8
≈ Spearmint Frosting
- 8BBDCE
≈ Juvie
Bộ bốn +90° +180° +270°
- D6A5AA
Young at Heart
- BBB68B
≈ Cress Vinaigrette
- 88C0BD
≈ Undine
- ADB0D9
≈ High Style
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 2.13:1 · APCA Lc 42
Ag
AAATrên nền đen
WCAG 9.82:1 · APCA Lc 60
Màu chữ tốt nhất: #000000
WCAG 9.82:1 (AAA) · APCA Lc 60
Contrast pairs
Đoạn mã
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);
}