Colore con nome · #2B9890
Azure Tide
Azure Tide è #2B9890: rgb(43 152 144), hsl(176 56% 38%), oklch(0.618 0.096 187.8). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Teal mean? → · Azure Tide color name →
#2B9890
oklch(0.618 0.096 187.8)
Conversioni di colore
- HEX
- #2b9890
- RGB
- rgb(43 152 144)
- HSL
- hsl(176 56% 38%)
- HWB
- hwb(176 17% 40%)
- OKLCH
- oklch(0.618 0.096 187.8)
- OKLab
- oklab(0.618 -0.095 -0.013)
- CIE Lab
- lab(56.82 -32.76 -5.09)
- LCH
- lch(56.82 33.16 188.8)
- CMYK
- cmyk(72% 0% 5% 40%)
Tinte · Ombre · Toni
Tinte
- 49A29B
- 60ACA5
- 76B7B0
- 8AC1BB
- 9ECBC6
- B2D5D1
- C5E0DD
- D8EAE8
- ECF5F3
Ombre
- 24847D
- 1D706A
- 165C57
- 104A45
- 0A3834
- 052724
- 021715
- 010807
- 000101
Toni
- 3B968E
- 47948D
- 51918B
- 598F8A
- 618D88
- 688A86
- 6F8885
- 758583
- 7B8382
Armonie di colore
Complementare +180°
- 2B9890
Azure Tide
- B76C7B
≈ Rose Gold
Analogo -30° +30°
- 2B9890
Azure Tide
- 4E976F
≈ Good Luck
- 3093AC
≈ Blue Moon
Triadico +120° +240°
- 2B9890
Azure Tide
- 9576B2
≈ Romantic Moment
- AC7A42
≈ Vintage Lincoln
Complementare divisa +150° +210°
- 2B9890
Azure Tide
- AB6F9A
≈ Violetta
- B7705B
≈ Caramel Candy
Tetradico +90° +180° +270°
- 2B9890
Azure Tide
- 7880BF
≈ Deep Periwinkle
- B76C7B
≈ Rose Gold
- 95863C
≈ Eden Prairie
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 3.50:1 · APCA Lc 62
Ag
AASu nero
WCAG 5.99:1 · APCA Lc 39
Miglior colore del testo: #000000
WCAG 5.99:1 (AA) · APCA Lc 39
Contrast pairs
Frammenti di codice
CSS
:root {
--azure-tide: #2b9890;
--azure-tide-rgb: 43 152 144;
--azure-tide-oklch: oklch(0.618 0.096 187.8);
}
.element {
color: var(--azure-tide);
background-color: hsl(176 56% 38%);
border-color: oklch(0.618 0.096 187.8);
}Tailwind CSS v4
@theme {
--color-azure-tide: #2b9890;
--color-azure-tide-50: #d7fffb;
--color-azure-tide-100: #c4f3ef;
--color-azure-tide-200: #a5e2dd;
--color-azure-tide-300: #7bc8c2;
--color-azure-tide-400: #51b1a9;
--color-azure-tide-500: #0f9a92;
--color-azure-tide-600: #15827b;
--color-azure-tide-700: #126863;
--color-azure-tide-800: #0b4d47;
--color-azure-tide-900: #083531;
--color-azure-tide-950: #00211d;
}SCSS
$azure-tide: #2b9890;
$azure-tide-rgb: 43, 152, 144;
$azure-tide-light: mix(#fff, $azure-tide, 20%);
$azure-tide-dark: mix(#000, $azure-tide, 20%);
.element {
color: $azure-tide;
box-shadow: 0 0 0 2px rgba($azure-tide, 0.35);
}