Colore con nome · #89ACAC
Hydrology
Hydrology è #89ACAC: rgb(137 172 172), hsl(180 17% 61%), oklch(0.719 0.038 196.3). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Teal mean? → · Hydrology color name →
#89ACAC
oklch(0.719 0.038 196.3)
Conversioni di colore
- HEX
- #89acac
- RGB
- rgb(137 172 172)
- HSL
- hsl(180 17% 61%)
- HWB
- hwb(180 54% 33%)
- OKLCH
- oklch(0.719 0.038 196.3)
- OKLab
- oklab(0.719 -0.037 -0.011)
- CIE Lab
- lab(67.76 -12.34 -4.15)
- LCH
- lch(67.76 13.02 198.6)
- CMYK
- cmyk(20% 0% 0% 33%)
Tinte · Ombre · Toni
Tinte
- 95B4B4
- A0BCBC
- ACC4C4
- B7CDCC
- C3D5D5
- CFDDDD
- DBE6E5
- E7EEEE
- F3F6F6
Ombre
- 769595
- 647F7F
- 536969
- 425454
- 314040
- 222D2D
- 141B1B
- 070B0B
- 010101
Toni
- 88A8A8
- 88A3A3
- 879F9F
- 869A9A
- 859696
- 849191
- 838D8D
- 828989
- 818484
Armonie di colore
Complementare +180°
- 89ACAC
Hydrology
- BB9B9C
≈ Desert Lights
Analogo -30° +30°
- 89ACAC
Hydrology
- 8EAC9F
≈ Rare Happening
- 8CAAB7
≈ Pewter Blue
Triadico +120° +240°
- 89ACAC
Hydrology
- AE9DB5
≈ Pastel Purple
- B2A18A
≈ Whitney Oaks
Complementare divisa +150° +210°
- 89ACAC
Hydrology
- B79BA9
≈ Play Time
- B99D90
≈ Big Horn Mountains
Tetradico +90° +180° +270°
- 89ACAC
Hydrology
- A2A1BC
≈ Blue Buzz
- BB9B9C
≈ Desert Lights
- A7A68B
≈ Frosty Cedar
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.45:1 · APCA Lc 48
Ag
AAASu nero
WCAG 8.56:1 · APCA Lc 54
Miglior colore del testo: #000000
WCAG 8.56:1 (AAA) · APCA Lc 54
Contrast pairs
Frammenti di codice
CSS
:root {
--hydrology: #89acac;
--hydrology-rgb: 137 172 172;
--hydrology-oklch: oklch(0.719 0.038 196.3);
}
.element {
color: var(--hydrology);
background-color: hsl(180 17% 61%);
border-color: oklch(0.719 0.038 196.3);
}Tailwind CSS v4
@theme {
--color-hydrology: #89acac;
--color-hydrology-50: #e9f9f9;
--color-hydrology-100: #daecec;
--color-hydrology-200: #c2dada;
--color-hydrology-300: #a2bebe;
--color-hydrology-400: #85a6a6;
--color-hydrology-500: #698e8e;
--color-hydrology-600: #597879;
--color-hydrology-700: #476060;
--color-hydrology-800: #334746;
--color-hydrology-900: #233131;
--color-hydrology-950: #121d1d;
}SCSS
$hydrology: #89acac;
$hydrology-rgb: 137, 172, 172;
$hydrology-light: mix(#fff, $hydrology, 20%);
$hydrology-dark: mix(#000, $hydrology, 20%);
.element {
color: $hydrology;
box-shadow: 0 0 0 2px rgba($hydrology, 0.35);
}