Màu có tên gần nhất · #DFA7B2
#DFA7B2
Màu có tên gần nhất: Young at Heart
#DFA7B2 (rgb(223 167 178), hsl(348 47% 76%), oklch(0.783 0.067 5.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.
#DFA7B2
oklch(0.783 0.067 5.7)
Chuyển đổi màu
- HEX
- #dfa7b2
- RGB
- rgb(223 167 178)
- HSL
- hsl(348 47% 76%)
- HWB
- hwb(348 65% 13%)
- OKLCH
- oklch(0.783 0.067 5.7)
- OKLab
- oklab(0.783 0.067 0.007)
- CIE Lab
- lab(74.07 22.42 2.81)
- LCH
- lch(74.07 22.6 7.1)
- CMYK
- cmyk(0% 25% 20% 13%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- E3B0B9
- E6B8C1
- EAC1C9
- EDCAD0
- F0D3D8
- F3DBE0
- F6E4E7
- F9EDEF
- FCF6F7
Sắc đậm
- C2919A
- A57B83
- 8A666D
- 6F5257
- 563E43
- 3D2C2F
- 271A1D
- 120A0C
- 020101
Sắc xám
- D5A3AD
- CC9FA8
- C29BA3
- B9989E
- AF9499
- A69094
- 9C8C8F
- 93888A
- 898485
Hòa sắc
Bổ túc +180°
- DFA7B2
Young at Heart
- 86C7BF
≈ Holiday Turquoise
Tương đồng -30° +30°
- DFA7B2
Young at Heart
- D5A9C9
≈ Lofty Delight
- E0AA9B
≈ Tamanegi Peel
Bộ ba +120° +240°
- DFA7B2
Young at Heart
- AEC192
≈ Harmonious
- 95BEE2
≈ Toile Blue
Bổ túc chia +150° +210°
- DFA7B2
Young at Heart
- 96C6A6
≈ Mini Green
- 86C4D4
≈ After the Rain
Bộ bốn +90° +180° +270°
- DFA7B2
Young at Heart
- C5B987
≈ Yuma
- 86C7BF
≈ Holiday Turquoise
- ACB6E4
≈ Perano
Tương phản và khả năng tiếp cận
Ag
FailTrên nền trắng
WCAG 2.03:1 · APCA Lc 40
Ag
AAATrên nền đen
WCAG 10.30:1 · APCA Lc 63
Màu chữ tốt nhất: #000000
WCAG 10.30:1 (AAA) · APCA Lc 63
Contrast pairs
Đoạn mã
CSS
:root {
--young-at-heart: #dfa7b2;
--young-at-heart-rgb: 223 167 178;
--young-at-heart-oklch: oklch(0.783 0.067 5.7);
}
.element {
color: var(--young-at-heart);
background-color: hsl(348 47% 76%);
border-color: oklch(0.783 0.067 5.7);
}Tailwind CSS v4
@theme {
--color-young-at-heart: #dfa7b2;
--color-young-at-heart-50: #ffeef1;
--color-young-at-heart-100: #fddfe4;
--color-young-at-heart-200: #efc9cf;
--color-young-at-heart-300: #d7aab1;
--color-young-at-heart-400: #c28e98;
--color-young-at-heart-500: #ad737f;
--color-young-at-heart-600: #92626c;
--color-young-at-heart-700: #754e56;
--color-young-at-heart-800: #563940;
--color-young-at-heart-900: #3c272c;
--color-young-at-heart-950: #261519;
}SCSS
$young-at-heart: #dfa7b2;
$young-at-heart-rgb: 223, 167, 178;
$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);
}