Màu có tên gần nhất · #DAA7B4
#DAA7B4
Màu có tên gần nhất: Young at Heart
#DAA7B4 (rgb(218 167 180), hsl(345 41% 75%), oklch(0.779 0.062 1.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.
#DAA7B4
oklch(0.779 0.062 1.7)
Chuyển đổi màu
- HEX
- #daa7b4
- RGB
- rgb(218 167 180)
- HSL
- hsl(345 41% 75%)
- HWB
- hwb(345 65% 15%)
- OKLCH
- oklch(0.779 0.062 1.7)
- OKLab
- oklab(0.779 0.062 0.002)
- CIE Lab
- lab(73.59 20.78 0.94)
- LCH
- lch(73.59 20.8 2.6)
- CMYK
- cmyk(0% 23% 17% 15%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- DEB0BB
- E2B8C3
- E6C1CA
- EACAD1
- EDD3D9
- F1DBE0
- F5E4E8
- F8EDF0
- FCF6F7
Sắc đậm
- BD919C
- A27B85
- 87666E
- 6C5258
- 543E44
- 3C2C30
- 251A1D
- 110A0C
- 020102
Sắc xám
- D1A3AF
- C89FA9
- BF9BA4
- B6979F
- AD949A
- A49094
- 9B8C8F
- 92888A
- 898485
Hòa sắc
Bổ túc +180°
- DAA7B4
Young at Heart
- 8AC5BA
≈ Little Blue Box
Tương đồng -30° +30°
- DAA7B4
Young at Heart
- CFA9C9
≈ Orchid Bouquet
- DCA99F
≈ Kitten’s Paw
Bộ ba +120° +240°
- DAA7B4
Young at Heart
- B0BE92
≈ Bavarian Hops
- 94BDDC
≈ Sleeping Easy
Bổ túc chia +150° +210°
- DAA7B4
Young at Heart
- 9AC3A4
≈ Aroma Garden
- 88C2CE
≈ Antigua Sand
Bộ bốn +90° +180° +270°
- DAA7B4
Young at Heart
- C5B68A
≈ Modish Moss
- 8AC5BA
≈ Little Blue Box
- A9B5E0
≈ Sassy Violet
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 2.06:1 · APCA Lc 40
Ag
AAATrên nền đen
WCAG 10.16:1 · APCA Lc 62
Màu chữ tốt nhất: #000000
WCAG 10.16:1 (AAA) · APCA Lc 62
Contrast pairs
Đoạn mã
CSS
:root {
--young-at-heart: #daa7b4;
--young-at-heart-rgb: 218 167 180;
--young-at-heart-oklch: oklch(0.779 0.062 1.7);
}
.element {
color: var(--young-at-heart);
background-color: hsl(345 41% 75%);
border-color: oklch(0.779 0.062 1.7);
}Tailwind CSS v4
@theme {
--color-young-at-heart: #daa7b4;
--color-young-at-heart-50: #ffeef3;
--color-young-at-heart-100: #fbe0e5;
--color-young-at-heart-200: #edcad1;
--color-young-at-heart-300: #d4abb4;
--color-young-at-heart-400: #bf8f9c;
--color-young-at-heart-500: #a97583;
--color-young-at-heart-600: #8f636f;
--color-young-at-heart-700: #734f59;
--color-young-at-heart-800: #553941;
--color-young-at-heart-900: #3b272d;
--color-young-at-heart-950: #25151a;
}SCSS
$young-at-heart: #daa7b4;
$young-at-heart-rgb: 218, 167, 180;
$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);
}