Nazwany kolor · #002395
Imperial Blue
Imperial Blue to #002395: rgb(0 35 149), hsl(226 100% 29%), oklch(0.338 0.186 263.7). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Blue mean? → · Imperial Blue color name →
#002395
oklch(0.338 0.186 263.7)
Konwersje koloru
- HEX
- #002395
- RGB
- rgb(0 35 149)
- HSL
- hsl(226 100% 29%)
- HWB
- hwb(226 0% 42%)
- OKLCH
- oklch(0.338 0.186 263.7)
- OKLab
- oklab(0.338 -0.02 -0.185)
- CIE Lab
- lab(20.15 29.97 -65.66)
- LCH
- lch(20.15 72.18 294.5)
- CMYK
- cmyk(100% 77% 0% 42%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 153EA1
- 2D55AD
- 466AB9
- 5E7FC4
- 7794CF
- 91A9D9
- ACBFE3
- C7D4ED
- E3E9F6
Odcienie ciemniejsze
- 001D81
- 00176D
- 00115A
- 000C48
- 000737
- 000426
- 000116
- 000008
- 000001
Tony
- 0B3194
- 183D93
- 264792
- 325090
- 3F598F
- 4C618D
- 59698A
- 667187
- 737984
Harmonie kolorów
Komplementarna +180°
- 002395
Imperial Blue
- 483400
≈ Night in the Woods
Analogowa -30° +30°
- 002395
Imperial Blue
- 003D56
≈ Duskwood
- 43018B
≈ Grim Purple
Triada +120° +240°
- 002395
Imperial Blue
- 6D0010
≈ Barolo
- 004506
≈ Woodland Grass
Komplementarna rozszczepiona +150° +210°
- 002395
Imperial Blue
- 582900
≈ Fudge Brownie
- 383B00
≈ Dark Olive
Tetrada +90° +180° +270°
- 002395
Imperial Blue
- 68003D
≈ Tyrian Purple
- 483400
≈ Night in the Woods
- 004235
≈ UP Forest Green
Kontrast i dostępność
Ag
AAANa bieli
WCAG 12.54:1 · APCA Lc 97
Ag
FailNa czerni
WCAG 1.67:1 · APCA Lc 0
Najlepszy kolor tekstu: #FFFFFF
WCAG 12.54:1 (AAA) · APCA Lc 97
Contrast pairs
Fragmenty kodu
CSS
:root {
--imperial-blue: #002395;
--imperial-blue-rgb: 0 35 149;
--imperial-blue-oklch: oklch(0.338 0.186 263.7);
}
.element {
color: var(--imperial-blue);
background-color: hsl(226 100% 29%);
border-color: oklch(0.338 0.186 263.7);
}Tailwind CSS v4
@theme {
--color-imperial-blue: #002395;
--color-imperial-blue-50: #dcf5ff;
--color-imperial-blue-100: #cae7ff;
--color-imperial-blue-200: #aed3ff;
--color-imperial-blue-300: #8ab4ff;
--color-imperial-blue-400: #6499ff;
--color-imperial-blue-500: #437cff;
--color-imperial-blue-600: #3969d7;
--color-imperial-blue-700: #2d54ad;
--color-imperial-blue-800: #1b3e81;
--color-imperial-blue-900: #112b5c;
--color-imperial-blue-950: #05183e;
}SCSS
$imperial-blue: #002395;
$imperial-blue-rgb: 0, 35, 149;
$imperial-blue-light: mix(#fff, $imperial-blue, 20%);
$imperial-blue-dark: mix(#000, $imperial-blue, 20%);
.element {
color: $imperial-blue;
box-shadow: 0 0 0 2px rgba($imperial-blue, 0.35);
}