Màu có tên · #4E5481
Dusk
Dusk là #4E5481: rgb(78 84 129), hsl(233 25% 41%), oklch(0.461 0.074 277.3). 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.
What does Blue mean? → · Dusk color name →
#4E5481
oklch(0.461 0.074 277.3)
Chuyển đổi màu
- HEX
- #4e5481
- RGB
- rgb(78 84 129)
- HSL
- hsl(233 25% 41%)
- HWB
- hwb(233 31% 49%)
- OKLCH
- oklch(0.461 0.074 277.3)
- OKLab
- oklab(0.461 0.009 -0.073)
- CIE Lab
- lab(36.71 6.76 -26.42)
- LCH
- lch(36.71 27.27 284.3)
- CMYK
- cmyk(40% 35% 0% 49%)
Sắc nhạt · Sắc đậm · Sắc xám
Sắc nhạt
- 5E648D
- 6E749A
- 7F84A6
- 9095B3
- A2A6BF
- B4B7CC
- C6C9D9
- D9DBE5
- ECEDF2
Sắc đậm
- 43486F
- 383C5E
- 2D314E
- 23263E
- 191B2E
- 0F111F
- 070812
- 020206
- 000001
Sắc xám
- 535981
- 575D81
- 5C6182
- 616682
- 666A81
- 6B6F81
- 707381
- 767781
- 7B7C80
Hòa sắc
Bổ túc +180°
- 4E5481
Dusk
- 645823
≈ Fir Green
Tương đồng -30° +30°
- 4E5481
Dusk
- 345C7F
≈ Matisse
- 634D78
≈ Imperial Palace
Bộ ba +120° +240°
Bổ túc chia +150° +210°
Bộ bốn +90° +180° +270°
Tương phản và khả năng tiếp cận
Ag
AAATrên nền trắng
WCAG 7.21:1 · APCA Lc 85
Ag
FailTrên nền đen
WCAG 2.90:1 · APCA Lc 17
Màu chữ tốt nhất: #FFFFFF
WCAG 7.21:1 (AAA) · APCA Lc 85
Contrast pairs
Đoạn mã
CSS
:root {
--dusk: #4e5481;
--dusk-rgb: 78 84 129;
--dusk-oklch: oklch(0.461 0.074 277.3);
}
.element {
color: var(--dusk);
background-color: hsl(233 25% 41%);
border-color: oklch(0.461 0.074 277.3);
}Tailwind CSS v4
@theme {
--color-dusk: #4e5481;
--color-dusk-50: #f0f3ff;
--color-dusk-100: #e2e6ff;
--color-dusk-200: #cdd2f4;
--color-dusk-300: #afb4dd;
--color-dusk-400: #939bca;
--color-dusk-500: #7a82b7;
--color-dusk-600: #676e9a;
--color-dusk-700: #52587c;
--color-dusk-800: #3b405c;
--color-dusk-900: #282c40;
--color-dusk-950: #161929;
}SCSS
$dusk: #4e5481;
$dusk-rgb: 78, 84, 129;
$dusk-light: mix(#fff, $dusk, 20%);
$dusk-dark: mix(#000, $dusk, 20%);
.element {
color: $dusk;
box-shadow: 0 0 0 2px rgba($dusk, 0.35);
}