Benannte Farbe · #66778C
Always Indigo
Always Indigo ist #66778C: rgb(102 119 140), hsl(213 16% 47%), oklch(0.563 0.038 253.9). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Blue mean? → · Always Indigo color name →
#66778C
oklch(0.563 0.038 253.9)
Farbumrechnungen
- HEX
- #66778c
- RGB
- rgb(102 119 140)
- HSL
- hsl(213 16% 47%)
- HWB
- hwb(213 40% 45%)
- OKLCH
- oklch(0.563 0.038 253.9)
- OKLab
- oklab(0.563 -0.011 -0.037)
- CIE Lab
- lab(49.22 -2.68 -13.7)
- LCH
- lch(49.22 13.96 258.9)
- CMYK
- cmyk(27% 15% 0% 45%)
Tints · Shades · Tones
Tints
- 748497
- 8391A2
- 919EAD
- A0ABB9
- B0B9C4
- BFC7D0
- CFD4DB
- DFE2E7
- EFF1F3
Shades
- 586779
- 4A5767
- 3C4755
- 2F3843
- 232A33
- 171C23
- 0C1014
- 040507
- 000101
Tones
- 69788B
- 6B798A
- 6E7A89
- 707B87
- 737C86
- 767D85
- 787D84
- 7B7E83
- 7D7F81
Farbharmonien
Komplementär +180°
- 66778C
Always Indigo
- 83725D
≈ Mudslide
Analog -30° +30°
- 66778C
Always Indigo
- 5D7B86
≈ Country Lake
- 72738C
≈ Stormy Mauve
Triadisch +120° +240°
- 66778C
Always Indigo
- 8B6C6E
≈ Chocolate Sparkle
- 6C7B64
≈ Desert Chaparral
Geteilt komplementär +150° +210°
- 66778C
Always Indigo
- 8A6F63
≈ Ending Autumn
- 79775D
≈ Denali Green
Tetradisch +90° +180° +270°
- 66778C
Always Indigo
- 866D7B
≈ Plum Royale
- 83725D
≈ Mudslide
- 617D6F
≈ Stone Cypress Green
Kontrast & Barrierefreiheit
Ag
AAAuf Weiß
WCAG 4.58:1 · APCA Lc 72
Ag
AAAuf Schwarz
WCAG 4.58:1 · APCA Lc 30
Beste Textfarbe: #FFFFFF
WCAG 4.58:1 (AA) · APCA Lc 72
Contrast pairs
Code-Snippets
CSS
:root {
--always-indigo: #66778c;
--always-indigo-rgb: 102 119 140;
--always-indigo-oklch: oklch(0.563 0.038 253.9);
}
.element {
color: var(--always-indigo);
background-color: hsl(213 16% 47%);
border-color: oklch(0.563 0.038 253.9);
}Tailwind CSS v4
@theme {
--color-always-indigo: #66778c;
--color-always-indigo-50: #eef6ff;
--color-always-indigo-100: #e0e9f5;
--color-always-indigo-200: #cad5e5;
--color-always-indigo-300: #abb9cb;
--color-always-indigo-400: #8fa0b5;
--color-always-indigo-500: #7588a0;
--color-always-indigo-600: #637387;
--color-always-indigo-700: #4f5c6c;
--color-always-indigo-800: #394350;
--color-always-indigo-900: #272f37;
--color-always-indigo-950: #151b22;
}SCSS
$always-indigo: #66778c;
$always-indigo-rgb: 102, 119, 140;
$always-indigo-light: mix(#fff, $always-indigo, 20%);
$always-indigo-dark: mix(#000, $always-indigo, 20%);
.element {
color: $always-indigo;
box-shadow: 0 0 0 2px rgba($always-indigo, 0.35);
}