Najbliższy nazwany kolor · #0098E1
#0098E1
Najbliższy nazwany kolor: Homeworld
#0098E1 (rgb(0 152 225), hsl(199 100% 44%), oklch(0.649 0.151 240.8)) jest najbliższy nazwanemu kolorowi Homeworld. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#0098E1
oklch(0.649 0.151 240.8)
Konwersje koloru
- HEX
- #0098e1
- RGB
- rgb(0 152 225)
- HSL
- hsl(199 100% 44%)
- HWB
- hwb(199 0% 12%)
- OKLCH
- oklch(0.649 0.151 240.8)
- OKLab
- oklab(0.649 -0.074 -0.131)
- CIE Lab
- lab(59.04 -13.98 -47.23)
- LCH
- lch(59.04 49.25 253.5)
- CMYK
- cmyk(100% 32% 0% 12%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 39A3E5
- 56ADE8
- 6EB8EC
- 84C2EF
- 99CDF2
- AED7F5
- C3E1F8
- D7EBFB
- EBF5FD
Odcienie ciemniejsze
- 0084C4
- 0070A7
- 005C8B
- 004A70
- 003856
- 00273E
- 001727
- 000812
- 000102
Tony
- 2896D7
- 3B94CE
- 4892C4
- 5390BB
- 5D8EB1
- 658BA7
- 6D899E
- 738694
- 7A838A
Harmonie kolorów
Komplementarna +180°
- 0098E1
Homeworld
- CF7502
≈ Tree Sap
Analogowa -30° +30°
- 0098E1
Homeworld
- 00A1B5
≈ January Blue
- 6D87EA
≈ Soft Blue
Triada +120° +240°
- 0098E1
Homeworld
- D6628A
≈ Preppy Rose
- 829C12
≈ BioShock
Komplementarna rozszczepiona +150° +210°
- 0098E1
Homeworld
- DB6654
≈ Barely Brown
- AD8A00
≈ Yellow Brown
Tetrada +90° +180° +270°
- 0098E1
Homeworld
- C269B9
≈ Lavendless
- CF7502
≈ Tree Sap
- 36A85C
≈ Devil’s Grass
Kontrast i dostępność
Ag
FailNa bieli
WCAG 3.19:1 · APCA Lc 58
Ag
AANa czerni
WCAG 6.57:1 · APCA Lc 43
Najlepszy kolor tekstu: #000000
WCAG 6.57:1 (AA) · APCA Lc 43
Contrast pairs
Fragmenty kodu
CSS
:root {
--homeworld: #0098e1;
--homeworld-rgb: 0 152 225;
--homeworld-oklch: oklch(0.649 0.151 240.8);
}
.element {
color: var(--homeworld);
background-color: hsl(199 100% 44%);
border-color: oklch(0.649 0.151 240.8);
}Tailwind CSS v4
@theme {
--color-homeworld: #0098e1;
--color-homeworld-50: #d1fbff;
--color-homeworld-100: #bdefff;
--color-homeworld-200: #9bdcff;
--color-homeworld-300: #6dc0fe;
--color-homeworld-400: #35a8ee;
--color-homeworld-500: #008fdf;
--color-homeworld-600: #0079bc;
--color-homeworld-700: #006197;
--color-homeworld-800: #004870;
--color-homeworld-900: #00324f;
--color-homeworld-950: #001d35;
}SCSS
$homeworld: #0098e1;
$homeworld-rgb: 0, 152, 225;
$homeworld-light: mix(#fff, $homeworld, 20%);
$homeworld-dark: mix(#000, $homeworld, 20%);
.element {
color: $homeworld;
box-shadow: 0 0 0 2px rgba($homeworld, 0.35);
}