Colore con nome · #6C9898
Woad Indigo
Woad Indigo è #6C9898: rgb(108 152 152), hsl(180 18% 51%), oklch(0.648 0.048 196). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Teal mean? → · Woad Indigo color name →
#6C9898
oklch(0.648 0.048 196)
Conversioni di colore
- HEX
- #6c9898
- RGB
- rgb(108 152 152)
- HSL
- hsl(180 18% 51%)
- HWB
- hwb(180 42% 40%)
- OKLCH
- oklch(0.648 0.048 196)
- OKLab
- oklab(0.648 -0.046 -0.013)
- CIE Lab
- lab(59.66 -15.49 -5.08)
- LCH
- lch(59.66 16.3 198.2)
- CMYK
- cmyk(29% 0% 0% 40%)
Tinte · Ombre · Toni
Tinte
- 7AA2A2
- 89ACAC
- 97B6B6
- A6C0C0
- B4CBCA
- C3D5D5
- D2DFDF
- E1EAEA
- F0F4F4
Ombre
- 5D8484
- 4E7070
- 405C5C
- 324A4A
- 253838
- 192727
- 0D1717
- 040808
- 000101
Toni
- 6F9696
- 719393
- 739191
- 758E8E
- 778C8C
- 798A8A
- 7B8787
- 7D8585
- 7E8282
Armonie di colore
Complementare +180°
- 6C9898
Woad Indigo
- AA8385
≈ Jupiter Brown
Analogo -30° +30°
- 6C9898
Woad Indigo
- 739888
≈ Silent Sage
- 7095A5
≈ Architecture Blue
Triadico +120° +240°
- 6C9898
Woad Indigo
- 9A86A3
≈ Amethyst Grey Violet
- A08B6E
≈ River Mud
Complementare divisa +150° +210°
- 6C9898
Woad Indigo
- A58395
≈ Mohair Pink
- A88676
≈ Clay Marble
Tetradico +90° +180° +270°
- 6C9898
Woad Indigo
- 8B8BAB
≈ Non Skid Grey
- AA8385
≈ Jupiter Brown
- 92916F
≈ Extra Mile
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 3.19:1 · APCA Lc 59
Ag
AASu nero
WCAG 6.58:1 · APCA Lc 43
Miglior colore del testo: #000000
WCAG 6.58:1 (AA) · APCA Lc 43
Contrast pairs
Frammenti di codice
CSS
:root {
--woad-indigo: #6c9898;
--woad-indigo-rgb: 108 152 152;
--woad-indigo-oklch: oklch(0.648 0.048 196);
}
.element {
color: var(--woad-indigo);
background-color: hsl(180 18% 51%);
border-color: oklch(0.648 0.048 196);
}Tailwind CSS v4
@theme {
--color-woad-indigo: #6c9898;
--color-woad-indigo-50: #e6fafa;
--color-woad-indigo-100: #d6edee;
--color-woad-indigo-200: #bedbdb;
--color-woad-indigo-300: #9cbfc0;
--color-woad-indigo-400: #7ea8a8;
--color-woad-indigo-500: #609090;
--color-woad-indigo-600: #517a7a;
--color-woad-indigo-700: #416262;
--color-woad-indigo-800: #2e4847;
--color-woad-indigo-900: #1f3231;
--color-woad-indigo-950: #0f1e1d;
}SCSS
$woad-indigo: #6c9898;
$woad-indigo-rgb: 108, 152, 152;
$woad-indigo-light: mix(#fff, $woad-indigo, 20%);
$woad-indigo-dark: mix(#000, $woad-indigo, 20%);
.element {
color: $woad-indigo;
box-shadow: 0 0 0 2px rgba($woad-indigo, 0.35);
}