Nazwany kolor · #002489
Lost in Heaven
Lost in Heaven to #002489: rgb(0 36 137), hsl(224 100% 27%), oklch(0.326 0.17 263.3). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Blue mean? → · Lost in Heaven color name →
#002489
oklch(0.326 0.17 263.3)
Konwersje koloru
- HEX
- #002489
- RGB
- rgb(0 36 137)
- HSL
- hsl(224 100% 27%)
- HWB
- hwb(224 0% 46%)
- OKLCH
- oklch(0.326 0.17 263.3)
- OKLab
- oklab(0.326 -0.02 -0.169)
- CIE Lab
- lab(19.15 25.25 -59.88)
- LCH
- lch(19.15 64.99 292.9)
- CMYK
- cmyk(100% 74% 0% 46%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 163D96
- 2E53A3
- 4669B0
- 5F7EBC
- 7893C8
- 92A8D3
- ACBEDF
- C7D3EA
- E3E9F5
Odcienie ciemniejsze
- 001E76
- 001864
- 001253
- 000C42
- 000731
- 000422
- 000214
- 000007
- 000001
Tony
- 0C3189
- 193C8A
- 264689
- 334F89
- 405888
- 4C6087
- 596886
- 667085
- 737882
Harmonie kolorów
Komplementarna +180°
- 002489
Lost in Heaven
- 453100
≈ Night in the Woods
Analogowa -30° +30°
- 002489
Lost in Heaven
- 003951
≈ Gibraltar Sea
- 3E0A80
≈ Marionberry
Triada +120° +240°
- 002489
Lost in Heaven
- 68000F
≈ Darkest Dungeon
- 004104
≈ Hunter Green
Komplementarna rozszczepiona +150° +210°
- 002489
Lost in Heaven
- 542600
≈ Conker Brown
- 353800
≈ Wasabi Nori
Tetrada +90° +180° +270°
- 002489
Lost in Heaven
- 62003A
≈ Tyrian Purple
- 453100
≈ Night in the Woods
- 003E31
≈ Mizukaze Green
Kontrast i dostępność
Ag
AAANa bieli
WCAG 13.01:1 · APCA Lc 98
Ag
FailNa czerni
WCAG 1.61:1 · APCA Lc 0
Najlepszy kolor tekstu: #FFFFFF
WCAG 13.01:1 (AAA) · APCA Lc 98
Contrast pairs
Fragmenty kodu
CSS
:root {
--lost-in-heaven: #002489;
--lost-in-heaven-rgb: 0 36 137;
--lost-in-heaven-oklch: oklch(0.326 0.17 263.3);
}
.element {
color: var(--lost-in-heaven);
background-color: hsl(224 100% 27%);
border-color: oklch(0.326 0.17 263.3);
}Tailwind CSS v4
@theme {
--color-lost-in-heaven: #002489;
--color-lost-in-heaven-50: #def5ff;
--color-lost-in-heaven-100: #cde8ff;
--color-lost-in-heaven-200: #b1d3ff;
--color-lost-in-heaven-300: #8db5ff;
--color-lost-in-heaven-400: #689aff;
--color-lost-in-heaven-500: #487ff5;
--color-lost-in-heaven-600: #3d6bcf;
--color-lost-in-heaven-700: #3156a6;
--color-lost-in-heaven-800: #1e3f7c;
--color-lost-in-heaven-900: #142c58;
--color-lost-in-heaven-950: #06183b;
}SCSS
$lost-in-heaven: #002489;
$lost-in-heaven-rgb: 0, 36, 137;
$lost-in-heaven-light: mix(#fff, $lost-in-heaven, 20%);
$lost-in-heaven-dark: mix(#000, $lost-in-heaven, 20%);
.element {
color: $lost-in-heaven;
box-shadow: 0 0 0 2px rgba($lost-in-heaven, 0.35);
}