Màu có tên gần nhất · #776681
#776681
Màu có tên gần nhất: Sakura Night
#776681 (rgb(119 102 129), hsl(278 12% 45%), oklch(0.536 0.046 312.9)) gần nhất với màu có tên Sakura Night. 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.
#776681
oklch(0.536 0.046 312.9)
Chuyển đổi màu
- HEX
- #776681
- RGB
- rgb(119 102 129)
- HSL
- hsl(278 12% 45%)
- HWB
- hwb(278 40% 49%)
- OKLCH
- oklch(0.536 0.046 312.9)
- OKLab
- oklab(0.536 0.031 -0.034)
- CIE Lab
- lab(45.58 11.04 -12.47)
- LCH
- lch(45.58 16.66 311.5)
- CMYK
- cmyk(8% 21% 0% 49%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- 84748D
- 918399
- 9E91A5
- ABA0B2
- B9B0BE
- C6BFCB
- D4CFD8
- E2DFE5
- F1EFF2
Sắc đậm
- 67586F
- 574A5E
- 473C4E
- 382F3E
- 2A232E
- 1C171F
- 100C12
- 050406
- 010001
Sắc xám
- 786981
- 796B81
- 7A6E81
- 7B7081
- 7C7381
- 7C7681
- 7D7881
- 7E7B80
- 7F7D80
Hòa sắc
Bổ túc +180°
- 776681
Sakura Night
- 637458
≈ Finlandia
Tương đồng -30° +30°
- 776681
Sakura Night
- 696A88
≈ Luscious Lavender
- 816375
≈ Opera
Bộ ba +120° +240°
- 776681
Sakura Night
- 7E6A50
≈ Mayan Ruins
- 4D7675
≈ Cool Waters
Bổ túc chia +150° +210°
- 776681
Sakura Night
- 726F50
≈ Secret Path
- 557666
≈ Kendal Green
Bộ bốn +90° +180° +270°
- 776681
Sakura Night
- 856558
≈ Chivalrous Walrus
- 637458
≈ Finlandia
- 507481
≈ San Miguel Blue
Tương phản và khả năng tiếp cận
Ag
AATrên nền trắng
WCAG 5.24:1 · APCA Lc 76
Ag
FailTrên nền đen
WCAG 4.00:1 · APCA Lc 26
Màu chữ tốt nhất: #FFFFFF
WCAG 5.24:1 (AA) · APCA Lc 76
Contrast pairs
Đoạn mã
CSS
:root {
--sakura-night: #776681;
--sakura-night-rgb: 119 102 129;
--sakura-night-oklch: oklch(0.536 0.046 312.9);
}
.element {
color: var(--sakura-night);
background-color: hsl(278 12% 45%);
border-color: oklch(0.536 0.046 312.9);
}Tailwind CSS v4
@theme {
--color-sakura-night: #776681;
--color-sakura-night-50: #faf1ff;
--color-sakura-night-100: #eee4f3;
--color-sakura-night-200: #dccfe2;
--color-sakura-night-300: #c0b1c8;
--color-sakura-night-400: #a897b2;
--color-sakura-night-500: #917e9c;
--color-sakura-night-600: #7b6a84;
--color-sakura-night-700: #62556a;
--color-sakura-night-800: #473e4e;
--color-sakura-night-900: #322b36;
--color-sakura-night-950: #1d1821;
}SCSS
$sakura-night: #776681;
$sakura-night-rgb: 119, 102, 129;
$sakura-night-light: mix(#fff, $sakura-night, 20%);
$sakura-night-dark: mix(#000, $sakura-night, 20%);
.element {
color: $sakura-night;
box-shadow: 0 0 0 2px rgba($sakura-night, 0.35);
}