最も近い色名 · #1E3E93
#1E3E93
最も近い色名: Cascade Twilight
#1E3E93（rgb(30 62 147)、hsl(224 66% 35%)、oklch(0.395 0.145 264.8)）に最も近い色名はCascade Twilightです。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
#1E3E93
oklch(0.395 0.145 264.8)
カラー変換
- HEX
- #1e3e93
- RGB
- rgb(30 62 147)
- HSL
- hsl(224 66% 35%)
- HWB
- hwb(224 12% 42%)
- OKLCH
- oklch(0.395 0.145 264.8)
- OKLab
- oklab(0.395 -0.013 -0.145)
- CIE Lab
- lab(28.14 14.21 -51.28)
- LCH
- lch(28.14 53.21 285.5)
- CMYK
- cmyk(80% 58% 0% 42%)
ティント · シェード · トーン
ティント
- 32529F
- 4665AA
- 5B78B6
- 718AC1
- 879DCC
- 9EB1D6
- B6C4E1
- CED7EB
- E6EBF5
シェード
- 19357F
- 132B6C
- 0E2359
- 091A47
- 051236
- 030A25
- 010416
- 000108
- 000001
トーン
- 274692
- 314D91
- 3B5490
- 445B8E
- 4E628C
- 58688A
- 626E88
- 6C7486
- 767A83
カラーハーモニー
補色 +180°
- 1E3E93
Cascade Twilight
- 5A4200
≈ Sugarloaf Brown
類似色 -30° +30°
- 1E3E93
Cascade Twilight
- 004D6C
≈ Navy Dark Blue
- 4E2E8A
≈ Sick Blue
トライアド +120° +240°
- 1E3E93
Cascade Twilight
- 83131A
≈ Falu Red
- 005611
≈ Swamp Monster
スプリットコンプリメンタリー +150° +210°
- 1E3E93
Cascade Twilight
- 6D3500
≈ Nutmeg Wood Finish
- 454B00
≈ No Emissions Green
テトラード +90° +180° +270°
- 1E3E93
Cascade Twilight
- 7C144B
≈ Pansy Purple
- 5A4200
≈ Sugarloaf Brown
- 005344
≈ Tetsu Green
コントラストとアクセシビリティ
Ag
AAA白の上
WCAG 9.69:1 · APCA Lc 92
Ag
Fail黒の上
WCAG 2.16:1 · APCA Lc 10
最適な文字色: #FFFFFF
WCAG 9.69:1 (AAA) · APCA Lc 92
Contrast pairs
コードスニペット
CSS
:root {
--cascade-twilight: #1e3e93;
--cascade-twilight-rgb: 30 62 147;
--cascade-twilight-oklch: oklch(0.395 0.145 264.8);
}
.element {
color: var(--cascade-twilight);
background-color: hsl(224 66% 35%);
border-color: oklch(0.395 0.145 264.8);
}Tailwind CSS v4
@theme {
--color-cascade-twilight: #1e3e93;
--color-cascade-twilight-50: #e2f5ff;
--color-cascade-twilight-100: #d2e7ff;
--color-cascade-twilight-200: #b8d3ff;
--color-cascade-twilight-300: #96b5ff;
--color-cascade-twilight-400: #749bf4;
--color-cascade-twilight-500: #5580e5;
--color-cascade-twilight-600: #496dc2;
--color-cascade-twilight-700: #3a579c;
--color-cascade-twilight-800: #264074;
--color-cascade-twilight-900: #1a2c52;
--color-cascade-twilight-950: #0a1937;
}SCSS
$cascade-twilight: #1e3e93;
$cascade-twilight-rgb: 30, 62, 147;
$cascade-twilight-light: mix(#fff, $cascade-twilight, 20%);
$cascade-twilight-dark: mix(#000, $cascade-twilight, 20%);
.element {
color: $cascade-twilight;
box-shadow: 0 0 0 2px rgba($cascade-twilight, 0.35);
}