Adlandırılmış renk · #002489
Lost in Heaven
Lost in Heaven, #002489: rgb(0 36 137), hsl(224 100% 27%), oklch(0.326 0.17 263.3). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Blue mean? → · Lost in Heaven color name →
#002489
oklch(0.326 0.17 263.3)
Renk dönüşümleri
- 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%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 163D96
- 2E53A3
- 4669B0
- 5F7EBC
- 7893C8
- 92A8D3
- ACBEDF
- C7D3EA
- E3E9F5
Koyu tonlar
- 001E76
- 001864
- 001253
- 000C42
- 000731
- 000422
- 000214
- 000007
- 000001
Gri tonlar
- 0C3189
- 193C8A
- 264689
- 334F89
- 405888
- 4C6087
- 596886
- 667085
- 737882
Renk uyumları
Tamamlayıcı +180°
- 002489
Lost in Heaven
- 453100
≈ Night in the Woods
Analog -30° +30°
- 002489
Lost in Heaven
- 003951
≈ Gibraltar Sea
- 3E0A80
≈ Marionberry
Üçlü +120° +240°
- 002489
Lost in Heaven
- 68000F
≈ Darkest Dungeon
- 004104
≈ Hunter Green
Bölünmüş tamamlayıcı +150° +210°
- 002489
Lost in Heaven
- 542600
≈ Conker Brown
- 353800
≈ Wasabi Nori
Dörtlü +90° +180° +270°
- 002489
Lost in Heaven
- 62003A
≈ Tyrian Purple
- 453100
≈ Night in the Woods
- 003E31
≈ Mizukaze Green
Kontrast ve erişilebilirlik
Ag
AAABeyaz üzerinde
WCAG 13.01:1 · APCA Lc 98
Ag
FailSiyah üzerinde
WCAG 1.61:1 · APCA Lc 0
En iyi metin rengi: #FFFFFF
WCAG 13.01:1 (AAA) · APCA Lc 98
Contrast pairs
Kod parçacıkları
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);
}