Dichtstbijzijnde benoemde kleur · #009EE0
#009EE0
Dichtstbijzijnde benoemde kleur: Homeworld
#009EE0 (rgb(0 158 224), hsl(198 100% 44%), oklch(0.663 0.145 237.2)) komt het dichtst bij de benoemde kleur Homeworld. Bekijk tinten, schaduwen, harmonieën, WCAG- en APCA-contrast en CSS-, Tailwind v4- en SCSS-code.
#009EE0
oklch(0.663 0.145 237.2)
Kleurconversies
- 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%)
Tinten · Schaduwen · Tonen
Tinten
- 3BA8E4
- 58B2E7
- 70BCEB
- 86C6EE
- 9BD0F2
- AFD9F5
- C4E3F7
- D7ECFA
- EBF6FD
Schaduwen
- 0089C3
- 0074A6
- 00608A
- 004D70
- 003A56
- 00293E
- 001827
- 000912
- 000102
Tonen
- 2A9BD6
- 3C99CD
- 4A96C3
- 5493BA
- 5E90B0
- 668DA7
- 6D8A9D
- 748793
- 7A848A
Kleurharmonieën
Complementair +180°
- 009EE0
Homeworld
- D47926
≈ Bitter Orange
Analoog -30° +30°
- 009EE0
Homeworld
- 00A6B6
≈ Exotic Sea
- 6B8EEC
≈ Guilliman Blue
Triadisch +120° +240°
- 009EE0
Homeworld
- D76994
≈ Paris Pink
- 8D9E1B
≈ Limetta
Gesplitst complementair +150° +210°
- 009EE0
Homeworld
- DE6B61
≈ Calypso Red
- B68C00
≈ Loden Yellow
Tetradisch +90° +180° +270°
- 009EE0
Homeworld
- C170C1
≈ Gulābī Pink
- D47926
≈ Bitter Orange
- 4CAA5C
≈ Harā Green
Contrast en toegankelijkheid
Ag
FailOp wit
WCAG 3.01:1 · APCA Lc 56
Ag
AAOp zwart
WCAG 6.96:1 · APCA Lc 46
Beste tekstkleur: #000000
WCAG 6.96:1 (AA) · APCA Lc 46
Contrast pairs
Codefragmenten
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);
}