Color con nombre más cercano · #00A0E7
#00A0E7
Color con nombre más cercano: Homeworld
#00A0E7 (rgb(0 160 231), hsl(198 100% 45%), oklch(0.671 0.151 238.8)) se parece más al color con nombre Homeworld. Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
#00A0E7
oklch(0.671 0.151 238.8)
Conversiones de color
- HEX
- #00a0e7
- RGB
- rgb(0 160 231)
- HSL
- hsl(198 100% 45%)
- HWB
- hwb(198 0% 9%)
- OKLCH
- oklch(0.671 0.151 238.8)
- OKLab
- oklab(0.671 -0.078 -0.129)
- CIE Lab
- lab(61.69 -16.18 -46.37)
- LCH
- lch(61.69 49.11 250.8)
- CMYK
- cmyk(100% 31% 0% 9%)
Tintes · Sombras · Tonos
Tintes
- 3BAAEA
- 58B4ED
- 70BEF0
- 86C7F3
- 9BD1F5
- B0DAF8
- C4E3FA
- D8EDFC
- EBF6FD
Sombras
- 008BC9
- 0076AB
- 00618F
- 004E73
- 003B59
- 002940
- 001928
- 000913
- 000103
Tonos
- 2A9DDD
- 3D9BD2
- 4A98C8
- 5595BE
- 5E91B4
- 668EA9
- 6E8B9F
- 748795
- 7A848A
Armonías de color
Complementario +180°
- 00A0E7
Homeworld
- D87B1C
≈ Orange Pepper
Análogo -30° +30°
- 00A0E7
Homeworld
- 00A9BB
≈ Bluebird
- 6F8FF2
≈ Guilliman Blue
Triádico +120° +240°
- 00A0E7
Homeworld
- DD6994
≈ Groovy
- 8DA119
≈ Noxious
Complementario dividido +150° +210°
- 00A0E7
Homeworld
- E36C5E
≈ Mettwurst
- B89000
≈ Faint Gold
Tetrádico +90° +180° +270°
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 2.92:1 · APCA Lc 55
Ag
AAASobre negro
WCAG 7.18:1 · APCA Lc 47
Mejor color de texto: #000000
WCAG 7.18:1 (AAA) · APCA Lc 47
Contrast pairs
Fragmentos de código
CSS
:root {
--homeworld: #00a0e7;
--homeworld-rgb: 0 160 231;
--homeworld-oklch: oklch(0.671 0.151 238.8);
}
.element {
color: var(--homeworld);
background-color: hsl(198 100% 45%);
border-color: oklch(0.671 0.151 238.8);
}Tailwind CSS v4
@theme {
--color-homeworld: #00a0e7;
--color-homeworld-50: #cffcff;
--color-homeworld-100: #bbefff;
--color-homeworld-200: #98ddff;
--color-homeworld-300: #6ac1fd;
--color-homeworld-400: #2ea9ed;
--color-homeworld-500: #0090dd;
--color-homeworld-600: #007abb;
--color-homeworld-700: #006296;
--color-homeworld-800: #00486f;
--color-homeworld-900: #00324e;
--color-homeworld-950: #001e34;
}SCSS
$homeworld: #00a0e7;
$homeworld-rgb: 0, 160, 231;
$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);
}