Benannte Farbe · #667788
Space Convoy
Space Convoy ist #667788: rgb(102 119 136), hsl(210 14% 47%), oklch(0.562 0.033 248.4). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Space Convoy color name →
#667788
oklch(0.562 0.033 248.4)
Farbumrechnungen
- HEX
- #667788
- RGB
- rgb(102 119 136)
- HSL
- hsl(210 14% 47%)
- HWB
- hwb(210 40% 47%)
- OKLCH
- oklch(0.562 0.033 248.4)
- OKLab
- oklab(0.562 -0.012 -0.031)
- CIE Lab
- lab(49.1 -3.45 -11.54)
- LCH
- lch(49.1 12.04 253.4)
- CMYK
- cmyk(25% 12% 0% 47%)
Tints · Shades · Tones
Tints
- 748493
- 83919F
- 919EAA
- A0ABB6
- B0B9C2
- BFC6CE
- CFD4DA
- DFE2E6
- EFF1F3
Shades
- 586775
- 4A5763
- 3C4752
- 2F3841
- 232A31
- 171C22
- 0C1013
- 040506
- 000101
Tones
- 697887
- 6B7987
- 6E7A86
- 717B85
- 737C84
- 767C83
- 787D83
- 7B7E82
- 7D7F81
Farbharmonien
Komplementär +180°
- 667788
Space Convoy
- 827260
≈ Mocha Latte
Analog -30° +30°
- 667788
Space Convoy
- 5F7A82
≈ Country Lake
- 707389
≈ Stormy Mauve
Triadisch +120° +240°
- 667788
Space Convoy
- 876D71
≈ Emotive Ring
- 6F7964
≈ Sedge Green
Geteilt komplementär +150° +210°
- 667788
Space Convoy
- 876F67
≈ Umbra Sand
- 7A755F
≈ Lapwing Grey Green
Tetradisch +90° +180° +270°
- 667788
Space Convoy
- 836E7C
≈ Splendiferous
- 827260
≈ Mocha Latte
- 657B6E
≈ Atlas Cedar Green
Kontrast & Barrierefreiheit
Ag
AAAuf Weiß
WCAG 4.60:1 · APCA Lc 72
Ag
AAAuf Schwarz
WCAG 4.55:1 · APCA Lc 30
Beste Textfarbe: #FFFFFF
WCAG 4.60:1 (AA) · APCA Lc 72
Contrast pairs
Code-Snippets
CSS
:root {
--space-convoy: #667788;
--space-convoy-rgb: 102 119 136;
--space-convoy-oklch: oklch(0.562 0.033 248.4);
}
.element {
color: var(--space-convoy);
background-color: hsl(210 14% 47%);
border-color: oklch(0.562 0.033 248.4);
}Tailwind CSS v4
@theme {
--color-space-convoy: #667788;
--color-space-convoy-50: #eef6ff;
--color-space-convoy-100: #e0e9f3;
--color-space-convoy-200: #cad6e2;
--color-space-convoy-300: #abb9c8;
--color-space-convoy-400: #90a1b2;
--color-space-convoy-500: #75899c;
--color-space-convoy-600: #637484;
--color-space-convoy-700: #4f5c69;
--color-space-convoy-800: #39444d;
--color-space-convoy-900: #272f36;
--color-space-convoy-950: #151b21;
}SCSS
$space-convoy: #667788;
$space-convoy-rgb: 102, 119, 136;
$space-convoy-light: mix(#fff, $space-convoy, 20%);
$space-convoy-dark: mix(#000, $space-convoy, 20%);
.element {
color: $space-convoy;
box-shadow: 0 0 0 2px rgba($space-convoy, 0.35);
}