Couleur nommée la plus proche · #009EE0
#009EE0
Couleur nommée la plus proche: Homeworld
#009EE0 (rgb(0 158 224), hsl(198 100% 44%), oklch(0.663 0.145 237.2)) est la plus proche de la couleur nommée Homeworld. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#009EE0
oklch(0.663 0.145 237.2)
Conversions de couleur
- HEX
- #009ee0
- RGB
- rgb(0 158 224)
- HSL
- hsl(198 100% 44%)
- HWB
- hwb(198 0% 12%)
- OKLCH
- oklch(0.663 0.145 237.2)
- OKLab
- oklab(0.663 -0.079 -0.122)
- CIE Lab
- lab(60.81 -17.28 -43.91)
- LCH
- lch(60.81 47.19 248.5)
- CMYK
- cmyk(100% 29% 0% 12%)
Teintes · Ombres · Tons
Teintes
- 3BA8E4
- 58B2E7
- 70BCEB
- 86C6EE
- 9BD0F2
- AFD9F5
- C4E3F7
- D7ECFA
- EBF6FD
Ombres
- 0089C3
- 0074A6
- 00608A
- 004D70
- 003A56
- 00293E
- 001827
- 000912
- 000102
Tons
- 2A9BD6
- 3C99CD
- 4A96C3
- 5493BA
- 5E90B0
- 668DA7
- 6D8A9D
- 748793
- 7A848A
Harmonies de couleurs
Complémentaire +180°
- 009EE0
Homeworld
- D47926
≈ Bitter Orange
Analogue -30° +30°
- 009EE0
Homeworld
- 00A6B6
≈ Exotic Sea
- 6B8EEC
≈ Guilliman Blue
Triadique +120° +240°
- 009EE0
Homeworld
- D76994
≈ Paris Pink
- 8D9E1B
≈ Limetta
Complémentaire divisée +150° +210°
- 009EE0
Homeworld
- DE6B61
≈ Calypso Red
- B68C00
≈ Loden Yellow
Tétradique +90° +180° +270°
- 009EE0
Homeworld
- C170C1
≈ Gulābī Pink
- D47926
≈ Bitter Orange
- 4CAA5C
≈ Harā Green
Contraste et accessibilité
Ag
FailSur blanc
WCAG 3.01:1 · APCA Lc 56
Ag
AASur noir
WCAG 6.96:1 · APCA Lc 46
Meilleure couleur de texte: #000000
WCAG 6.96:1 (AA) · APCA Lc 46
Contrast pairs
Extraits de code
CSS
:root {
--homeworld: #009ee0;
--homeworld-rgb: 0 158 224;
--homeworld-oklch: oklch(0.663 0.145 237.2);
}
.element {
color: var(--homeworld);
background-color: hsl(198 100% 44%);
border-color: oklch(0.663 0.145 237.2);
}Tailwind CSS v4
@theme {
--color-homeworld: #009ee0;
--color-homeworld-50: #d0fcff;
--color-homeworld-100: #bcefff;
--color-homeworld-200: #99ddff;
--color-homeworld-300: #6bc1fa;
--color-homeworld-400: #31aae9;
--color-homeworld-500: #0091d9;
--color-homeworld-600: #007bb7;
--color-homeworld-700: #006293;
--color-homeworld-800: #00496d;
--color-homeworld-900: #00324d;
--color-homeworld-950: #001e33;
}SCSS
$homeworld: #009ee0;
$homeworld-rgb: 0, 158, 224;
$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);
}