Colore con nome · #00B89F
Aare River
Aare River è #00B89F: rgb(0 184 159), hsl(172 100% 36%), oklch(0.7 0.129 178.3). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Teal mean? → · Aare River color name →
#00B89F
oklch(0.7 0.129 178.3)
Conversioni di colore
- HEX
- #00b89f
- RGB
- rgb(0 184 159)
- HSL
- hsl(172 100% 36%)
- HWB
- hwb(172 0% 28%)
- OKLCH
- oklch(0.7 0.129 178.3)
- OKLab
- oklab(0.7 -0.129 0.004)
- CIE Lab
- lab(66.87 -45.24 1.08)
- LCH
- lch(66.87 45.26 178.6)
- CMYK
- cmyk(100% 0% 14% 28%)
Tinte · Ombre · Toni
Tinte
- 40BFA8
- 5EC7B2
- 76CEBB
- 8CD5C4
- A0DCCE
- B4E3D8
- C7EAE1
- DAF1EB
- EDF8F5
Ombre
- 00A08A
- 008875
- 007161
- 005B4D
- 00453B
- 003129
- 001E18
- 000C09
- 000201
Toni
- 2EB39C
- 41AD99
- 4FA896
- 59A292
- 629C8F
- 6A978C
- 709189
- 768C86
- 7B8683
Armonie di colore
Complementare +180°
- 00B89F
Aare River
- DE7A9E
≈ Real Raspberry
Analogo -30° +30°
- 00B89F
Aare River
- 61B470
≈ Lawn Party
- 00B3C6
≈ Antigua Blue
Triadico +120° +240°
- 00B89F
Aare River
- A98CE3
≈ Middy’s Purple
- D98945
≈ Coppersmith
Complementare divisa +150° +210°
- 00B89F
Aare River
- CA80C6
≈ Peruvian Lily
- E37D70
≈ Marmalade Magic
Tetradico +90° +180° +270°
- 00B89F
Aare River
- 7D9AEF
≈ Periwinkle Blue
- DE7A9E
≈ Real Raspberry
- BF992C
≈ Nugget Gold
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.51:1 · APCA Lc 49
Ag
AAASu nero
WCAG 8.35:1 · APCA Lc 53
Miglior colore del testo: #000000
WCAG 8.35:1 (AAA) · APCA Lc 53
Contrast pairs
Frammenti di codice
CSS
:root {
--aare-river: #00b89f;
--aare-river-rgb: 0 184 159;
--aare-river-oklch: oklch(0.7 0.129 178.3);
}
.element {
color: var(--aare-river);
background-color: hsl(172 100% 36%);
border-color: oklch(0.7 0.129 178.3);
}Tailwind CSS v4
@theme {
--color-aare-river: #00b89f;
--color-aare-river-50: #cefff7;
--color-aare-river-100: #b9f7ea;
--color-aare-river-200: #95e7d7;
--color-aare-river-300: #63cdba;
--color-aare-river-400: #22b79f;
--color-aare-river-500: #00a187;
--color-aare-river-600: #008872;
--color-aare-river-700: #006d5b;
--color-aare-river-800: #005041;
--color-aare-river-900: #00382d;
--color-aare-river-950: #00221a;
}SCSS
$aare-river: #00b89f;
$aare-river-rgb: 0, 184, 159;
$aare-river-light: mix(#fff, $aare-river, 20%);
$aare-river-dark: mix(#000, $aare-river, 20%);
.element {
color: $aare-river;
box-shadow: 0 0 0 2px rgba($aare-river, 0.35);
}