Benannte Farbe · #7AA3CC
Shipmate
Shipmate ist #7AA3CC: rgb(122 163 204), hsl(210 45% 64%), oklch(0.701 0.075 248.9). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Blue mean? → · Shipmate color name →
#7AA3CC
oklch(0.701 0.075 248.9)
Farbumrechnungen
- HEX
- #7aa3cc
- RGB
- rgb(122 163 204)
- HSL
- hsl(210 45% 64%)
- HWB
- hwb(210 48% 20%)
- OKLCH
- oklch(0.701 0.075 248.9)
- OKLab
- oklab(0.701 -0.027 -0.07)
- CIE Lab
- lab(65.16 -6.44 -25.8)
- LCH
- lch(65.16 26.59 256)
- CMYK
- cmyk(40% 20% 0% 20%)
Tints · Shades · Tones
Tints
- 87ACD1
- 94B5D7
- A1BEDC
- AEC7E1
- BCD1E6
- C9DAEB
- D6E3F0
- E4ECF5
- F1F6FA
Shades
- 698DB1
- 597897
- 49637E
- 3A4F65
- 2B3C4E
- 1D2A37
- 101922
- 050A0F
- 010102
Tones
- 7BA0C4
- 7C9CBD
- 7D99B5
- 7D95AD
- 7E92A6
- 7F8E9E
- 7F8B97
- 7F878F
- 808488
Farbharmonien
Komplementär +180°
- 7AA3CC
Shipmate
- BE976B
≈ Etruscan Bronze
Analog -30° +30°
- 7AA3CC
Shipmate
- 66AABF
≈ Blue Mist
- 949ACD
≈ Bluebell Frost
Triadisch +120° +240°
- 7AA3CC
Shipmate
- C88B95
≈ Solid Pink
- 90A876
≈ Lettuce Mound
Geteilt komplementär +150° +210°
- 7AA3CC
Shipmate
- C88F7C
≈ Ginger Scent
- AAA069
≈ Shiny Gold
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 2.64:1 · APCA Lc 51
Ag
AAAAuf Schwarz
WCAG 7.93:1 · APCA Lc 50
Beste Textfarbe: #000000
WCAG 7.93:1 (AAA) · APCA Lc 50
Contrast pairs
Code-Snippets
CSS
:root {
--shipmate: #7aa3cc;
--shipmate-rgb: 122 163 204;
--shipmate-oklch: oklch(0.701 0.075 248.9);
}
.element {
color: var(--shipmate);
background-color: hsl(210 45% 64%);
border-color: oklch(0.701 0.075 248.9);
}Tailwind CSS v4
@theme {
--color-shipmate: #7aa3cc;
--color-shipmate-50: #e6f7ff;
--color-shipmate-100: #d6eaff;
--color-shipmate-200: #bdd7f4;
--color-shipmate-300: #9bbbdd;
--color-shipmate-400: #7ca3c9;
--color-shipmate-500: #5e8ab6;
--color-shipmate-600: #50759a;
--color-shipmate-700: #405e7b;
--color-shipmate-800: #2c455b;
--color-shipmate-900: #1e3040;
--color-shipmate-950: #0e1c29;
}SCSS
$shipmate: #7aa3cc;
$shipmate-rgb: 122, 163, 204;
$shipmate-light: mix(#fff, $shipmate, 20%);
$shipmate-dark: mix(#000, $shipmate, 20%);
.element {
color: $shipmate;
box-shadow: 0 0 0 2px rgba($shipmate, 0.35);
}