Cor nomeada mais próxima · #00A0E7
#00A0E7
Cor nomeada mais próxima: Homeworld
#00A0E7 (rgb(0 160 231), hsl(198 100% 45%), oklch(0.671 0.151 238.8)) é mais próxima da cor nomeada Homeworld. Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
#00A0E7
oklch(0.671 0.151 238.8)
Conversões de cor
- 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%)
Tons claros · Sombras · Tons
Tons claros
- 3BAAEA
- 58B4ED
- 70BEF0
- 86C7F3
- 9BD1F5
- B0DAF8
- C4E3FA
- D8EDFC
- EBF6FD
Sombras
- 008BC9
- 0076AB
- 00618F
- 004E73
- 003B59
- 002940
- 001928
- 000913
- 000103
Tons
- 2A9DDD
- 3D9BD2
- 4A98C8
- 5595BE
- 5E91B4
- 668EA9
- 6E8B9F
- 748795
- 7A848A
Harmonias de cor
Complementar +180°
- 00A0E7
Homeworld
- D87B1C
≈ Orange Pepper
Análoga -30° +30°
- 00A0E7
Homeworld
- 00A9BB
≈ Bluebird
- 6F8FF2
≈ Guilliman Blue
Tríade +120° +240°
- 00A0E7
Homeworld
- DD6994
≈ Groovy
- 8DA119
≈ Noxious
Complementar dividida +150° +210°
- 00A0E7
Homeworld
- E36C5E
≈ Mettwurst
- B89000
≈ Faint Gold
Tétrade +90° +180° +270°
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 2.92:1 · APCA Lc 55
Ag
AAASobre preto
WCAG 7.18:1 · APCA Lc 47
Melhor cor de texto: #000000
WCAG 7.18:1 (AAA) · APCA Lc 47
Contrast pairs
Trechos 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);
}