Màu có tên gần nhất · #D5A1B0
#D5A1B0
Màu có tên gần nhất: Young at Heart
#D5A1B0 (rgb(213 161 176), hsl(343 38% 73%), oklch(0.762 0.064 359.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.
#D5A1B0
oklch(0.762 0.064 359.7)
Chuyển đổi màu
- HEX
- #d5a1b0
- RGB
- rgb(213 161 176)
- HSL
- hsl(343 38% 73%)
- HWB
- hwb(343 63% 16%)
- OKLCH
- oklch(0.762 0.064 359.7)
- OKLab
- oklab(0.762 0.064 0)
- CIE Lab
- lab(71.55 21.52 0.11)
- LCH
- lch(71.55 21.52 0.3)
- CMYK
- cmyk(0% 24% 17% 16%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- DAAAB8
- DEB3BF
- E2BDC7
- E7C6CF
- EBCFD7
- EFD9DF
- F3E2E7
- F7ECEF
- FBF5F7
Sắc đậm
- B98B99
- 9E7682
- 83626C
- 6A4E56
- 513C42
- 3A2A2E
- 24191C
- 10090B
- 020101
Sắc xám
- CC9EAB
- C49AA6
- BB97A1
- B3949C
- AA9198
- A28D93
- 998A8E
- 918789
- 888385
Hòa sắc
Bổ túc +180°
- D5A1B0
Young at Heart
- 84C0B3
≈ Seaborn
Tương đồng -30° +30°
- D5A1B0
Young at Heart
- CAA3C6
≈ Stormy Sunrise
- D8A39A
≈ Quiet Pink
Bộ ba +120° +240°
- D5A1B0
Young at Heart
- ACB88A
≈ Gardening
- 8CB8D7
≈ Periwinkle Sky
Bổ túc chia +150° +210°
- D5A1B0
Young at Heart
- 95BE9C
≈ Green-Eyed Lady
- 80BDC8
≈ Aqua Vitale
Bộ bốn +90° +180° +270°
- D5A1B0
Young at Heart
- C2B083
≈ Harmonic Tan
- 84C0B3
≈ Seaborn
- A1B0DC
≈ Myrtle Flower
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 2.19:1 · APCA Lc 43
Ag
AAATrên nền đen
WCAG 9.55:1 · APCA Lc 59
Màu chữ tốt nhất: #000000
WCAG 9.55:1 (AAA) · APCA Lc 59
Contrast pairs
Đoạn mã
CSS
:root {
--young-at-heart: #d5a1b0;
--young-at-heart-rgb: 213 161 176;
--young-at-heart-oklch: oklch(0.762 0.064 359.7);
}
.element {
color: var(--young-at-heart);
background-color: hsl(343 38% 73%);
border-color: oklch(0.762 0.064 359.7);
}Tailwind CSS v4
@theme {
--color-young-at-heart: #d5a1b0;
--color-young-at-heart-50: #ffeef4;
--color-young-at-heart-100: #fcdfe6;
--color-young-at-heart-200: #edc9d2;
--color-young-at-heart-300: #d5aab5;
--color-young-at-heart-400: #bf8f9d;
--color-young-at-heart-500: #aa7485;
--color-young-at-heart-600: #906370;
--color-young-at-heart-700: #734f5a;
--color-young-at-heart-800: #553942;
--color-young-at-heart-900: #3b272e;
--color-young-at-heart-950: #25151b;
}SCSS
$young-at-heart: #d5a1b0;
$young-at-heart-rgb: 213, 161, 176;
$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);
}