Colore con nome più vicino · #00A0E8
#00A0E8
Colore con nome più vicino: Homeworld
#00A0E8 (rgb(0 160 232), hsl(199 100% 45%), oklch(0.672 0.152 239.2)) è più vicino al colore con nome Homeworld. Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
#00A0E8
oklch(0.672 0.152 239.2)
Conversioni di colore
- HEX
- #00a0e8
- RGB
- rgb(0 160 232)
- HSL
- hsl(199 100% 45%)
- HWB
- hwb(199 0% 9%)
- OKLCH
- oklch(0.672 0.152 239.2)
- OKLab
- oklab(0.672 -0.078 -0.13)
- CIE Lab
- lab(61.73 -15.88 -46.86)
- LCH
- lch(61.73 49.47 251.3)
- CMYK
- cmyk(100% 31% 0% 9%)
Tinte · Ombre · Toni
Tinte
- 3BAAEB
- 58B4EE
- 70BEF1
- 86C7F3
- 9BD1F6
- B0DAF8
- C4E3FA
- D8EDFC
- EBF6FE
Ombre
- 008BCA
- 0076AC
- 006190
- 004E74
- 003B59
- 002940
- 001929
- 000913
- 000103
Toni
- 2A9DDE
- 3D9BD3
- 4A98C9
- 5595BF
- 5E91B4
- 668EAA
- 6E8B9F
- 748795
- 7A848B
Armonie di colore
Complementare +180°
- 00A0E8
Homeworld
- D87B19
≈ Orange Pepper
Analogo -30° +30°
- 00A0E8
Homeworld
- 00A9BC
≈ Bluebird
- 708FF3
≈ Guilliman Blue
Triadico +120° +240°
- 00A0E8
Homeworld
- DE6993
≈ Groovy
- 8CA218
≈ Noxious
Complementare divisa +150° +210°
- 00A0E8
Homeworld
- E46C5D
≈ Orangeville
- B79000
≈ Faint Gold
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.91:1 · APCA Lc 55
Ag
AAASu nero
WCAG 7.19:1 · APCA Lc 47
Miglior colore del testo: #000000
WCAG 7.19:1 (AAA) · APCA Lc 47
Contrast pairs
Frammenti di codice
CSS
:root {
--homeworld: #00a0e8;
--homeworld-rgb: 0 160 232;
--homeworld-oklch: oklch(0.672 0.152 239.2);
}
.element {
color: var(--homeworld);
background-color: hsl(199 100% 45%);
border-color: oklch(0.672 0.152 239.2);
}Tailwind CSS v4
@theme {
--color-homeworld: #00a0e8;
--color-homeworld-50: #cffcff;
--color-homeworld-100: #bbefff;
--color-homeworld-200: #98ddff;
--color-homeworld-300: #6ac1fe;
--color-homeworld-400: #2da9ee;
--color-homeworld-500: #0090de;
--color-homeworld-600: #007abc;
--color-homeworld-700: #006297;
--color-homeworld-800: #004870;
--color-homeworld-900: #00324f;
--color-homeworld-950: #001e34;
}SCSS
$homeworld: #00a0e8;
$homeworld-rgb: 0, 160, 232;
$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);
}