Màu có tên gần nhất · #D49FAD
#D49FAD
Màu có tên gần nhất: Young at Heart
#D49FAD (rgb(212 159 173), hsl(344 38% 73%), oklch(0.756 0.065 1.3)) 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.
#D49FAD
oklch(0.756 0.065 1.3)
Chuyển đổi màu
- HEX
- #d49fad
- RGB
- rgb(212 159 173)
- HSL
- hsl(344 38% 73%)
- HWB
- hwb(344 62% 17%)
- OKLCH
- oklch(0.756 0.065 1.3)
- OKLab
- oklab(0.756 0.065 0.001)
- CIE Lab
- lab(70.9 21.82 0.81)
- LCH
- lch(70.9 21.84 2.1)
- CMYK
- cmyk(0% 25% 18% 17%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- D9A8B5
- DDB2BD
- E2BBC5
- E6C5CD
- EBCED5
- EFD8DD
- F3E2E6
- F7EBEE
- FBF5F7
Sắc đậm
- B88A96
- 9D757F
- 83616A
- 694D55
- 513B41
- 3A292D
- 24181B
- 10090B
- 020101
Sắc xám
- CC9CA8
- C399A4
- BB969F
- B2939B
- AA9096
- A28D92
- 99898D
- 918689
- 888384
Hòa sắc
Bổ túc +180°
- D49FAD
Young at Heart
- 81BEB2
≈ Mintage
Tương đồng -30° +30°
- D49FAD
Young at Heart
- C9A1C3
≈ Stormy Sunrise
- D6A197
≈ Indian Mesa
Bộ ba +120° +240°
- D49FAD
Young at Heart
- A9B788
≈ Grant Wood Ivy
- 8BB6D6
≈ Periwinkle Sky
Bổ túc chia +150° +210°
- D49FAD
Young at Heart
- 92BC9B
≈ Green-Eyed Lady
- 7EBCC8
≈ Azure Lake
Bộ bốn +90° +180° +270°
- D49FAD
Young at Heart
- BFAF80
≈ Tomatillo Salsa
- 81BEB2
≈ Mintage
- A0AEDA
≈ Aster Flower Blue
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 2.24:1 · APCA Lc 44
Ag
AAATrên nền đen
WCAG 9.36:1 · APCA Lc 58
Màu chữ tốt nhất: #000000
WCAG 9.36:1 (AAA) · APCA Lc 58
Contrast pairs
Đoạn mã
CSS
:root {
--young-at-heart: #d49fad;
--young-at-heart-rgb: 212 159 173;
--young-at-heart-oklch: oklch(0.756 0.065 1.3);
}
.element {
color: var(--young-at-heart);
background-color: hsl(344 38% 73%);
border-color: oklch(0.756 0.065 1.3);
}Tailwind CSS v4
@theme {
--color-young-at-heart: #d49fad;
--color-young-at-heart-50: #ffeef3;
--color-young-at-heart-100: #fcdfe5;
--color-young-at-heart-200: #eec9d1;
--color-young-at-heart-300: #d5aab4;
--color-young-at-heart-400: #c08f9c;
--color-young-at-heart-500: #ab7483;
--color-young-at-heart-600: #90626f;
--color-young-at-heart-700: #744f59;
--color-young-at-heart-800: #553942;
--color-young-at-heart-900: #3c272d;
--color-young-at-heart-950: #25151a;
}SCSS
$young-at-heart: #d49fad;
$young-at-heart-rgb: 212, 159, 173;
$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);
}