Najbliższy nazwany kolor · #1E3E93
#1E3E93
Najbliższy nazwany kolor: Cascade Twilight
#1E3E93 (rgb(30 62 147), hsl(224 66% 35%), oklch(0.395 0.145 264.8)) jest najbliższy nazwanemu kolorowi Cascade Twilight. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#1E3E93
oklch(0.395 0.145 264.8)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 32529F
- 4665AA
- 5B78B6
- 718AC1
- 879DCC
- 9EB1D6
- B6C4E1
- CED7EB
- E6EBF5
Odcienie ciemniejsze
- 19357F
- 132B6C
- 0E2359
- 091A47
- 051236
- 030A25
- 010416
- 000108
- 000001
Tony
- 274692
- 314D91
- 3B5490
- 445B8E
- 4E628C
- 58688A
- 626E88
- 6C7486
- 767A83
Harmonie kolorów
Komplementarna +180°
- 1E3E93
Cascade Twilight
- 5A4200
≈ Sugarloaf Brown
Analogowa -30° +30°
- 1E3E93
Cascade Twilight
- 004D6C
≈ Navy Dark Blue
- 4E2E8A
≈ Sick Blue
Triada +120° +240°
- 1E3E93
Cascade Twilight
- 83131A
≈ Falu Red
- 005611
≈ Swamp Monster
Komplementarna rozszczepiona +150° +210°
- 1E3E93
Cascade Twilight
- 6D3500
≈ Nutmeg Wood Finish
- 454B00
≈ No Emissions Green
Tetrada +90° +180° +270°
- 1E3E93
Cascade Twilight
- 7C144B
≈ Pansy Purple
- 5A4200
≈ Sugarloaf Brown
- 005344
≈ Tetsu Green
Kontrast i dostępność
Ag
AAANa bieli
WCAG 9.69:1 · APCA Lc 92
Ag
FailNa czerni
WCAG 2.16:1 · APCA Lc 10
Najlepszy kolor tekstu: #FFFFFF
WCAG 9.69:1 (AAA) · APCA Lc 92
Contrast pairs
Fragmenty kodu
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);
}