Benannte Farbe · #6D8994
Jeans Indigo
Jeans Indigo ist #6D8994: rgb(109 137 148), hsl(197 15% 50%), oklch(0.612 0.036 223.8). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Cyan mean? → · Jeans Indigo color name →
#6D8994
oklch(0.612 0.036 223.8)
Farbumrechnungen
- HEX
- #6d8994
- RGB
- rgb(109 137 148)
- HSL
- hsl(197 15% 50%)
- HWB
- hwb(197 43% 42%)
- OKLCH
- oklch(0.612 0.036 223.8)
- OKLab
- oklab(0.612 -0.026 -0.025)
- CIE Lab
- lab(55.21 -8.32 -9.35)
- LCH
- lch(55.21 12.52 228.4)
- CMYK
- cmyk(26% 7% 0% 42%)
Tints · Shades · Tones
Tints
- 7B949E
- 89A0A9
- 97ABB3
- A5B7BE
- B4C2C8
- C3CED3
- D2DADE
- E1E6E9
- F0F3F4
Shades
- 5E7680
- 4F646D
- 41535A
- 334248
- 263136
- 192226
- 0D1416
- 040708
- 010101
Tones
- 6F8892
- 718790
- 73868E
- 75858C
- 77858A
- 798488
- 7B8386
- 7D8284
- 7E8182
Farbharmonien
Komplementär +180°
- 6D8994
Jeans Indigo
- 977D73
≈ Hemp
Analog -30° +30°
- 6D8994
Jeans Indigo
- 6B8B8A
≈ Sealegs
- 75859A
≈ Apollo Bay
Triadisch +120° +240°
- 6D8994
Jeans Indigo
- 947C89
≈ Plum Swirl
- 87856D
≈ Grasshopper Wing
Geteilt komplementär +150° +210°
- 6D8994
Jeans Indigo
- 987B7D
≈ Twilight Mauve
- 91816C
≈ Sofisticata
Tetradisch +90° +180° +270°
- 6D8994
Jeans Indigo
- 8C7E93
≈ Dusky Grape
- 977D73
≈ Hemp
- 7B8973
≈ Spanish Green
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 3.71:1 · APCA Lc 65
Ag
AAAuf Schwarz
WCAG 5.65:1 · APCA Lc 37
Beste Textfarbe: #000000
WCAG 5.65:1 (AA) · APCA Lc 37
Contrast pairs
Code-Snippets
CSS
:root {
--jeans-indigo: #6d8994;
--jeans-indigo-rgb: 109 137 148;
--jeans-indigo-oklch: oklch(0.612 0.036 223.8);
}
.element {
color: var(--jeans-indigo);
background-color: hsl(197 15% 50%);
border-color: oklch(0.612 0.036 223.8);
}Tailwind CSS v4
@theme {
--color-jeans-indigo: #6d8994;
--color-jeans-indigo-50: #ebf8fd;
--color-jeans-indigo-100: #dcebf1;
--color-jeans-indigo-200: #c5d8e0;
--color-jeans-indigo-300: #a5bcc6;
--color-jeans-indigo-400: #88a4ae;
--color-jeans-indigo-500: #6d8c98;
--color-jeans-indigo-600: #5c7680;
--color-jeans-indigo-700: #4a5f67;
--color-jeans-indigo-800: #35454b;
--color-jeans-indigo-900: #243034;
--color-jeans-indigo-950: #131c20;
}SCSS
$jeans-indigo: #6d8994;
$jeans-indigo-rgb: 109, 137, 148;
$jeans-indigo-light: mix(#fff, $jeans-indigo, 20%);
$jeans-indigo-dark: mix(#000, $jeans-indigo, 20%);
.element {
color: $jeans-indigo;
box-shadow: 0 0 0 2px rgba($jeans-indigo, 0.35);
}