Colore con nome · #166461
Abduction
Abduction è #166461: rgb(22 100 97), hsl(178 64% 24%), oklch(0.458 0.072 191.1). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Teal mean? → · Abduction color name →
#166461
oklch(0.458 0.072 191.1)
Conversioni di colore
- HEX
- #166461
- RGB
- rgb(22 100 97)
- HSL
- hsl(178 64% 24%)
- HWB
- hwb(178 9% 61%)
- OKLCH
- oklch(0.458 0.072 191.1)
- OKLab
- oklab(0.458 -0.07 -0.014)
- CIE Lab
- lab(37.91 -24.12 -5.31)
- LCH
- lch(37.91 24.69 192.4)
- CMYK
- cmyk(78% 0% 3% 61%)
Tinte · Ombre · Toni
Tinte
- 347370
- 4C817E
- 62908D
- 78A09D
- 8EAFAD
- A4BFBD
- BBCECD
- D1DEDD
- E8EFEE
Ombre
- 125653
- 0D4846
- 093B39
- 062E2D
- 032221
- 021615
- 010B0B
- 000303
- 000000
Toni
- 276764
- 346A67
- 3F6D6A
- 4A706D
- 537270
- 5D7573
- 667877
- 6F7B7A
- 777D7D
Armonie di colore
Complementare +180°
- 166461
Abduction
- 7A464D
≈ Bold Sangria
Analogo -30° +30°
- 166461
Abduction
- 2E644A
≈ Black Pine Green
- 1E6074
≈ Holiday Velvet
Triadico +120° +240°
- 166461
Abduction
- 644C75
≈ Imperial Palace
- 715027
≈ Chocolate Rain
Complementare divisa +150° +210°
- 166461
Abduction
- 734763
≈ Scintillating Violet
- 794937
≈ Tortoise Shell
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
AASu bianco
WCAG 6.93:1 · APCA Lc 84
Ag
FailSu nero
WCAG 3.02:1 · APCA Lc 18
Miglior colore del testo: #FFFFFF
WCAG 6.93:1 (AA) · APCA Lc 84
Contrast pairs
Frammenti di codice
CSS
:root {
--abduction: #166461;
--abduction-rgb: 22 100 97;
--abduction-oklch: oklch(0.458 0.072 191.1);
}
.element {
color: var(--abduction);
background-color: hsl(178 64% 24%);
border-color: oklch(0.458 0.072 191.1);
}Tailwind CSS v4
@theme {
--color-abduction: #166461;
--color-abduction-50: #dffcfb;
--color-abduction-100: #cef0ee;
--color-abduction-200: #b2dfdd;
--color-abduction-300: #8cc4c1;
--color-abduction-400: #6aaca9;
--color-abduction-500: #459592;
--color-abduction-600: #3b7e7b;
--color-abduction-700: #2f6563;
--color-abduction-800: #214a47;
--color-abduction-900: #163431;
--color-abduction-950: #071f1d;
}SCSS
$abduction: #166461;
$abduction-rgb: 22, 100, 97;
$abduction-light: mix(#fff, $abduction, 20%);
$abduction-dark: mix(#000, $abduction, 20%);
.element {
color: $abduction;
box-shadow: 0 0 0 2px rgba($abduction, 0.35);
}