Colore con nome · #43A7AA
Tidal Teal
Tidal Teal è #43A7AA: rgb(67 167 170), hsl(182 43% 46%), oklch(0.672 0.092 198). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Teal mean? → · Tidal Teal color name →
#43A7AA
oklch(0.672 0.092 198)
Conversioni di colore
- HEX
- #43a7aa
- RGB
- rgb(67 167 170)
- HSL
- hsl(182 43% 46%)
- HWB
- hwb(182 26% 33%)
- OKLCH
- oklch(0.672 0.092 198)
- OKLab
- oklab(0.672 -0.087 -0.028)
- CIE Lab
- lab(62.83 -29.35 -10.74)
- LCH
- lch(62.83 31.25 200.1)
- CMYK
- cmyk(61% 2% 0% 33%)
Tinte · Ombre · Toni
Tinte
- 5AB0B2
- 6FB9BB
- 82C1C3
- 95CACB
- A7D3D4
- B9DCDC
- CAE5E5
- DCEDEE
- EDF6F6
Ombre
- 399193
- 2F7B7D
- 266668
- 1D5253
- 143E3F
- 0C2C2D
- 051A1B
- 010A0B
- 000101
Toni
- 4DA3A6
- 569FA2
- 5D9C9D
- 649899
- 6A9495
- 6F9091
- 748C8C
- 788888
- 7C8484
Armonie di colore
Complementare +180°
- 43A7AA
Tidal Teal
- C87E80
≈ Dirty Pink
Analogo -30° +30°
- 43A7AA
Tidal Teal
- 57A88B
≈ Laurel Wreath
- 52A1C2
≈ Brig
Triadico +120° +240°
- 43A7AA
Tidal Teal
- AD84BB
≈ African Violet
- B58F51
≈ Yellow Acorn
Complementare divisa +150° +210°
- 43A7AA
Tidal Teal
- C07EA0
≈ Romanov Mauve
- C48463
≈ Cabana Melon
Tetradico +90° +180° +270°
- 43A7AA
Tidal Teal
- 938DCB
≈ Adora
- C87E80
≈ Dirty Pink
- 9B9A55
≈ Stem
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.85:1 · APCA Lc 54
Ag
AAASu nero
WCAG 7.34:1 · APCA Lc 47
Miglior colore del testo: #000000
WCAG 7.34:1 (AAA) · APCA Lc 47
Contrast pairs
Frammenti di codice
CSS
:root {
--tidal-teal: #43a7aa;
--tidal-teal-rgb: 67 167 170;
--tidal-teal-oklch: oklch(0.672 0.092 198);
}
.element {
color: var(--tidal-teal);
background-color: hsl(182 43% 46%);
border-color: oklch(0.672 0.092 198);
}Tailwind CSS v4
@theme {
--color-tidal-teal: #43a7aa;
--color-tidal-teal-50: #d8feff;
--color-tidal-teal-100: #c5f2f4;
--color-tidal-teal-200: #a6e1e4;
--color-tidal-teal-300: #7dc6ca;
--color-tidal-teal-400: #53afb2;
--color-tidal-teal-500: #18989c;
--color-tidal-teal-600: #1a8184;
--color-tidal-teal-700: #16676a;
--color-tidal-teal-800: #0d4c4d;
--color-tidal-teal-900: #093535;
--color-tidal-teal-950: #002020;
}SCSS
$tidal-teal: #43a7aa;
$tidal-teal-rgb: 67, 167, 170;
$tidal-teal-light: mix(#fff, $tidal-teal, 20%);
$tidal-teal-dark: mix(#000, $tidal-teal, 20%);
.element {
color: $tidal-teal;
box-shadow: 0 0 0 2px rgba($tidal-teal, 0.35);
}