Benannte Farbe · #2299DD
Homeworld
Homeworld ist #2299DD: rgb(34 153 221), hsl(202 73% 50%), oklch(0.653 0.141 240.6). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Blue mean? → · Homeworld color name →
#2299DD
oklch(0.653 0.141 240.6)
Farbumrechnungen
- HEX
- #2299dd
- RGB
- rgb(34 153 221)
- HSL
- hsl(202 73% 50%)
- HWB
- hwb(202 13% 13%)
- OKLCH
- oklch(0.653 0.141 240.6)
- OKLab
- oklab(0.653 -0.069 -0.123)
- CIE Lab
- lab(59.5 -13.97 -44.26)
- LCH
- lch(59.5 46.42 252.5)
- CMYK
- cmyk(85% 31% 0% 13%)
Tints · Shades · Tones
Tints
- 44A4E1
- 5DAEE5
- 74B8E9
- 89C3ED
- 9DCDF0
- B1D7F3
- C5E1F7
- D8EBFA
- ECF5FC
Shades
- 1C84C0
- 1670A4
- 115D88
- 0B4A6E
- 073855
- 03273D
- 011726
- 000811
- 000102
Tones
- 3697D4
- 4395CB
- 4E93C1
- 5890B8
- 608EAF
- 688BA6
- 6E899C
- 758693
- 7B838A
Farbharmonien
Komplementär +180°
- 2299DD
Homeworld
- CD7820
≈ Ochre
Analog -30° +30°
- 2299DD
Homeworld
- 00A2B7
≈ January Blue
- 7089E6
≈ Soft Blue
Triadisch +120° +240°
- 2299DD
Homeworld
- D3678B
≈ Preppy Rose
- 849C27
≈ Bruni Green
Geteilt komplementär +150° +210°
- 2299DD
Homeworld
- D86B59
≈ Coralite
- AF8B00
≈ Yellow Brown
Tetradisch +90° +180° +270°
- 2299DD
Homeworld
- C06DB8
≈ Gulābī Pink
- CD7820
≈ Ochre
- 42A861
≈ Bouncy Ball Green
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 3.14:1 · APCA Lc 58
Ag
AAAuf Schwarz
WCAG 6.66:1 · APCA Lc 44
Beste Textfarbe: #000000
WCAG 6.66:1 (AA) · APCA Lc 44
Contrast pairs
Code-Snippets
CSS
:root {
--homeworld: #2299dd;
--homeworld-rgb: 34 153 221;
--homeworld-oklch: oklch(0.653 0.141 240.6);
}
.element {
color: var(--homeworld);
background-color: hsl(202 73% 50%);
border-color: oklch(0.653 0.141 240.6);
}Tailwind CSS v4
@theme {
--color-homeworld: #2299dd;
--color-homeworld-50: #d3fbff;
--color-homeworld-100: #bfeeff;
--color-homeworld-200: #9fdcff;
--color-homeworld-300: #73c0fa;
--color-homeworld-400: #41a8e9;
--color-homeworld-500: #008fd9;
--color-homeworld-600: #0079b7;
--color-homeworld-700: #006193;
--color-homeworld-800: #00486d;
--color-homeworld-900: #00324d;
--color-homeworld-950: #001d33;
}SCSS
$homeworld: #2299dd;
$homeworld-rgb: 34, 153, 221;
$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);
}