Benannte Farbe · #6688CC
Livid
Livid ist #6688CC: rgb(102 136 204), hsl(220 50% 60%), oklch(0.63 0.11 263.3). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Blue mean? → · Livid color name →
#6688CC
oklch(0.63 0.11 263.3)
Farbumrechnungen
- HEX
- #6688cc
- RGB
- rgb(102 136 204)
- HSL
- hsl(220 50% 60%)
- HWB
- hwb(220 40% 20%)
- OKLCH
- oklch(0.63 0.11 263.3)
- OKLab
- oklab(0.63 -0.013 -0.109)
- CIE Lab
- lab(56.35 2.27 -39.49)
- LCH
- lch(56.35 39.56 273.3)
- CMYK
- cmyk(50% 33% 0% 20%)
Tints · Shades · Tones
Tints
- 7494D2
- 83A0D7
- 92ABDD
- A1B7E2
- B0C3E7
- C0CFEC
- CFDBF1
- DFE7F6
- EFF3FA
Shades
- 5875B1
- 4A6397
- 3C527E
- 2F4165
- 23314E
- 172237
- 0C1322
- 04060F
- 000102
Tones
- 6988C5
- 6C87BD
- 6E86B6
- 7186AE
- 7485A7
- 76849F
- 798397
- 7B8290
- 7E8188
Farbharmonien
Komplementär +180°
- 6688CC
Livid
- A9832F
≈ Cloisonné Gold
Analog -30° +30°
- 6688CC
Livid
- 3594C1
≈ Opalescent
- 8C7CC6
≈ Ube
Triadisch +120° +240°
- 6688CC
Livid
- C36D69
≈ Contessa
- 5F9A5C
≈ Wildness Mint
Geteilt komplementär +150° +210°
- 6688CC
Livid
- BD7545
≈ Palomino
- 89903A
≈ Wasabi Nuts
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 3.52:1 · APCA Lc 63
Ag
AAAuf Schwarz
WCAG 5.95:1 · APCA Lc 39
Beste Textfarbe: #000000
WCAG 5.95:1 (AA) · APCA Lc 39
Contrast pairs
Code-Snippets
CSS
:root {
--livid: #6688cc;
--livid-rgb: 102 136 204;
--livid-oklch: oklch(0.63 0.11 263.3);
}
.element {
color: var(--livid);
background-color: hsl(220 50% 60%);
border-color: oklch(0.63 0.11 263.3);
}Tailwind CSS v4
@theme {
--color-livid: #6688cc;
--color-livid-50: #e6f5ff;
--color-livid-100: #d6e8ff;
--color-livid-200: #bed4ff;
--color-livid-300: #9cb7f1;
--color-livid-400: #7c9ee0;
--color-livid-500: #5f84cf;
--color-livid-600: #5170af;
--color-livid-700: #405a8c;
--color-livid-800: #2c4268;
--color-livid-900: #1e2e49;
--color-livid-950: #0e1a30;
}SCSS
$livid: #6688cc;
$livid-rgb: 102, 136, 204;
$livid-light: mix(#fff, $livid, 20%);
$livid-dark: mix(#000, $livid, 20%);
.element {
color: $livid;
box-shadow: 0 0 0 2px rgba($livid, 0.35);
}