Màu có tên gần nhất · #D7A3A6
#D7A3A6
Màu có tên gần nhất: Young at Heart
#D7A3A6 (rgb(215 163 166), hsl(357 39% 74%), oklch(0.765 0.062 14.8)) 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.
#D7A3A6
oklch(0.765 0.062 14.8)
Chuyển đổi màu
- HEX
- #d7a3a6
- RGB
- rgb(215 163 166)
- HSL
- hsl(357 39% 74%)
- HWB
- hwb(357 64% 16%)
- OKLCH
- oklch(0.765 0.062 14.8)
- OKLab
- oklab(0.765 0.06 0.016)
- CIE Lab
- lab(72.02 20.13 6.31)
- LCH
- lch(72.02 21.1 17.4)
- CMYK
- cmyk(0% 24% 23% 16%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- DBACAF
- E0B5B7
- E4BEC0
- E8C7C9
- ECD0D2
- F0DADB
- F4E3E4
- F8ECED
- FBF6F6
Sắc đậm
- BB8D90
- 9F787A
- 856365
- 6B4F51
- 523C3E
- 3B2A2B
- 25191A
- 110A0A
- 020101
Sắc xám
- CEA0A2
- C59C9E
- BD999A
- B49597
- AB9293
- A38E8F
- 9A8B8B
- 918787
- 898484
Hòa sắc
Bổ túc +180°
- D7A3A6
Young at Heart
- 83BFBE
≈ Riverbed
Tương đồng -30° +30°
- D7A3A6
Young at Heart
- D0A3BC
≈ Enhance
- D5A792
≈ North Rim
Bộ ba +120° +240°
- D7A3A6
Young at Heart
- A2BC94
≈ Quiet Green
- 98B5DA
≈ Echo Isles Water
Bổ túc chia +150° +210°
- D7A3A6
Young at Heart
- 8EBFA9
≈ Spearmint Frosting
- 88BBD0
≈ Juvie
Bộ bốn +90° +180° +270°
- D7A3A6
Young at Heart
- B8B588
≈ Cress Vinaigrette
- 83BFBE
≈ Riverbed
- AEAED9
≈ Purple Hibiscus
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 2.16:1 · APCA Lc 43
Ag
AAATrên nền đen
WCAG 9.67:1 · APCA Lc 60
Màu chữ tốt nhất: #000000
WCAG 9.67:1 (AAA) · APCA Lc 60
Contrast pairs
Đoạn mã
CSS
:root {
--young-at-heart: #d7a3a6;
--young-at-heart-rgb: 215 163 166;
--young-at-heart-oklch: oklch(0.765 0.062 14.8);
}
.element {
color: var(--young-at-heart);
background-color: hsl(357 39% 74%);
border-color: oklch(0.765 0.062 14.8);
}Tailwind CSS v4
@theme {
--color-young-at-heart: #d7a3a6;
--color-young-at-heart-50: #ffeeef;
--color-young-at-heart-100: #fce0e0;
--color-young-at-heart-200: #eecacb;
--color-young-at-heart-300: #d5abac;
--color-young-at-heart-400: #c09093;
--color-young-at-heart-500: #ab7579;
--color-young-at-heart-600: #916467;
--color-young-at-heart-700: #745052;
--color-young-at-heart-800: #563a3c;
--color-young-at-heart-900: #3c2729;
--color-young-at-heart-950: #251517;
}SCSS
$young-at-heart: #d7a3a6;
$young-at-heart-rgb: 215, 163, 166;
$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);
}