Màu có tên gần nhất · #966B74
#966B74
Màu có tên gần nhất: Never Forget
#966B74 (rgb(150 107 116), hsl(347 17% 50%), oklch(0.574 0.056 5.2)) gần nhất với màu có tên Never Forget. 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.
#966B74
oklch(0.574 0.056 5.2)
Chuyển đổi màu
- HEX
- #966b74
- RGB
- rgb(150 107 116)
- HSL
- hsl(347 17% 50%)
- HWB
- hwb(347 42% 41%)
- OKLCH
- oklch(0.574 0.056 5.2)
- OKLab
- oklab(0.574 0.056 0.005)
- CIE Lab
- lab(49.96 18.7 2.15)
- LCH
- lch(49.96 18.82 6.6)
- CMYK
- cmyk(0% 29% 23% 41%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- A17981
- AB878E
- B6959C
- C0A4A9
- CBB3B7
- D5C2C5
- DFD1D3
- EAE0E2
- F4EFF0
Sắc đậm
- 825C64
- 6E4E54
- 5B3F45
- 493237
- 372529
- 26181B
- 160D0F
- 080405
- 010001
Sắc xám
- 946D75
- 926F76
- 907278
- 8E7479
- 8C767A
- 8A787B
- 877A7C
- 857C7E
- 837E7F
Hòa sắc
Bổ túc +180°
- 966B74
Never Forget
- 51847D
≈ Jericho Jade
Tương đồng -30° +30°
- 966B74
Never Forget
- 8E6C86
≈ Dianthus Mauve
- 976D62
≈ Safari Brown
Bộ ba +120° +240°
- 966B74
Never Forget
- 717F5A
≈ Variegated Frond
- 5D7D98
≈ Blue Heaven
Bổ túc chia +150° +210°
- 966B74
Never Forget
- 5E836A
≈ Jadite
- 50818E
≈ Cape Lee
Bộ bốn +90° +180° +270°
- 966B74
Never Forget
- 837952
≈ Meadowland
- 51847D
≈ Jericho Jade
- 6F769A
≈ Velvet Morning
Tương phản và khả năng tiếp cận
Ag
AATrên nền trắng
WCAG 4.51:1 · APCA Lc 71
Ag
AATrên nền đen
WCAG 4.65:1 · APCA Lc 30
Màu chữ tốt nhất: #000000
WCAG 4.65:1 (AA) · APCA Lc 30
Contrast pairs
Đoạn mã
CSS
:root {
--never-forget: #966b74;
--never-forget-rgb: 150 107 116;
--never-forget-oklch: oklch(0.574 0.056 5.2);
}
.element {
color: var(--never-forget);
background-color: hsl(347 17% 50%);
border-color: oklch(0.574 0.056 5.2);
}Tailwind CSS v4
@theme {
--color-never-forget: #966b74;
--color-never-forget-50: #ffeff2;
--color-never-forget-100: #fae1e4;
--color-never-forget-200: #ebcbd0;
--color-never-forget-300: #d2acb2;
--color-never-forget-400: #bc919a;
--color-never-forget-500: #a77781;
--color-never-forget-600: #8d656d;
--color-never-forget-700: #715057;
--color-never-forget-800: #533a40;
--color-never-forget-900: #3a282c;
--color-never-forget-950: #241619;
}SCSS
$never-forget: #966b74;
$never-forget-rgb: 150, 107, 116;
$never-forget-light: mix(#fff, $never-forget, 20%);
$never-forget-dark: mix(#000, $never-forget, 20%);
.element {
color: $never-forget;
box-shadow: 0 0 0 2px rgba($never-forget, 0.35);
}