Benannte Farbe · #222266
Intergalactic Cowboy
Intergalactic Cowboy ist #222266: rgb(34 34 102), hsl(240 50% 27%), oklch(0.3 0.116 276.8). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Blue mean? → · Intergalactic Cowboy color name →
#222266
oklch(0.3 0.116 276.8)
Farbumrechnungen
- HEX
- #222266
- RGB
- rgb(34 34 102)
- HSL
- hsl(240 50% 27%)
- HWB
- hwb(240 13% 60%)
- OKLCH
- oklch(0.3 0.116 276.8)
- OKLab
- oklab(0.3 0.014 -0.115)
- CIE Lab
- lab(17.03 18.56 -40.92)
- LCH
- lch(17.03 44.93 294.4)
- CMYK
- cmyk(67% 67% 0% 60%)
Tints · Shades · Tones
Tints
- 333876
- 464C85
- 5A6194
- 6F77A4
- 868CB3
- 9DA3C2
- B4B9D1
- CDD0E1
- E6E7F0
Shades
- 1C1C58
- 16164A
- 11113C
- 0B0B2F
- 070723
- 030317
- 01010C
- 000004
- 000000
Tones
- 292D69
- 31366D
- 3A4070
- 434973
- 4D5276
- 565B78
- 61657A
- 6B6E7C
- 75777E
Farbharmonien
Komplementär +180°
- 222266
Intergalactic Cowboy
- 372D00
≈ Secret Passage
Analog -30° +30°
- 222266
Intergalactic Cowboy
- 003052
≈ Indigo Black
- 3D175A
≈ Wicked Purple
Triadisch +120° +240°
- 222266
Intergalactic Cowboy
- 551300
≈ Baragon Brown
- 00381E
≈ Off-Road Green
Geteilt komplementär +150° +210°
- 222266
Intergalactic Cowboy
- 432600
≈ Blackened Brown
- 233400
≈ Blind Forest
Tetradisch +90° +180° +270°
- 222266
Intergalactic Cowboy
- 590324
≈ Fig Balsamic
- 372D00
≈ Secret Passage
- 003632
≈ Night Turquoise
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 14.10:1 · APCA Lc 100
Ag
FailAuf Schwarz
WCAG 1.48:1 · APCA Lc 0
Beste Textfarbe: #FFFFFF
WCAG 14.10:1 (AAA) · APCA Lc 100
Contrast pairs
Code-Snippets
CSS
:root {
--intergalactic-cowboy: #222266;
--intergalactic-cowboy-rgb: 34 34 102;
--intergalactic-cowboy-oklch: oklch(0.3 0.116 276.8);
}
.element {
color: var(--intergalactic-cowboy);
background-color: hsl(240 50% 27%);
border-color: oklch(0.3 0.116 276.8);
}Tailwind CSS v4
@theme {
--color-intergalactic-cowboy: #222266;
--color-intergalactic-cowboy-50: #edf3ff;
--color-intergalactic-cowboy-100: #dfe5ff;
--color-intergalactic-cowboy-200: #c9d0ff;
--color-intergalactic-cowboy-300: #aab2f3;
--color-intergalactic-cowboy-400: #8d98e3;
--color-intergalactic-cowboy-500: #737dd2;
--color-intergalactic-cowboy-600: #616ab1;
--color-intergalactic-cowboy-700: #4e558e;
--color-intergalactic-cowboy-800: #373e6a;
--color-intergalactic-cowboy-900: #252b4b;
--color-intergalactic-cowboy-950: #141831;
}SCSS
$intergalactic-cowboy: #222266;
$intergalactic-cowboy-rgb: 34, 34, 102;
$intergalactic-cowboy-light: mix(#fff, $intergalactic-cowboy, 20%);
$intergalactic-cowboy-dark: mix(#000, $intergalactic-cowboy, 20%);
.element {
color: $intergalactic-cowboy;
box-shadow: 0 0 0 2px rgba($intergalactic-cowboy, 0.35);
}