色名 · #4E5481
Dusk
Duskは#4E5481：rgb(78 84 129)、hsl(233 25% 41%)、oklch(0.461 0.074 277.3)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Blue mean? → · Dusk color name →
#4E5481
oklch(0.461 0.074 277.3)
カラー変換
- 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%)
ティント · シェード · トーン
ティント
- 5E648D
- 6E749A
- 7F84A6
- 9095B3
- A2A6BF
- B4B7CC
- C6C9D9
- D9DBE5
- ECEDF2
シェード
- 43486F
- 383C5E
- 2D314E
- 23263E
- 191B2E
- 0F111F
- 070812
- 020206
- 000001
トーン
- 535981
- 575D81
- 5C6182
- 616682
- 666A81
- 6B6F81
- 707381
- 767781
- 7B7C80
カラーハーモニー
補色 +180°
- 4E5481
Dusk
- 645823
≈ Fir Green
類似色 -30° +30°
- 4E5481
Dusk
- 345C7F
≈ Matisse
- 634D78
≈ Imperial Palace
トライアド +120° +240°
スプリットコンプリメンタリー +150° +210°
テトラード +90° +180° +270°
コントラストとアクセシビリティ
Ag
AAA白の上
WCAG 7.21:1 · APCA Lc 85
Ag
Fail黒の上
WCAG 2.90:1 · APCA Lc 17
最適な文字色: #FFFFFF
WCAG 7.21:1 (AAA) · APCA Lc 85
Contrast pairs
コードスニペット
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);
}