Warna bernama · #00B89F
Aare River
Aare River adalah #00B89F: rgb(0 184 159), hsl(172 100% 36%), oklch(0.7 0.129 178.3). Lihat tint, shade, harmoni, kontras WCAG & APCA, serta kode CSS, Tailwind v4, dan SCSS.
What does Teal mean? → · Aare River color name →
#00B89F
oklch(0.7 0.129 178.3)
Konversi warna
- 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%)
Tint · Shade · Tone
Tint
- 40BFA8
- 5EC7B2
- 76CEBB
- 8CD5C4
- A0DCCE
- B4E3D8
- C7EAE1
- DAF1EB
- EDF8F5
Shade
- 00A08A
- 008875
- 007161
- 005B4D
- 00453B
- 003129
- 001E18
- 000C09
- 000201
Tone
- 2EB39C
- 41AD99
- 4FA896
- 59A292
- 629C8F
- 6A978C
- 709189
- 768C86
- 7B8683
Harmoni warna
Komplementer +180°
- 00B89F
Aare River
- DE7A9E
≈ Real Raspberry
Analog -30° +30°
- 00B89F
Aare River
- 61B470
≈ Lawn Party
- 00B3C6
≈ Antigua Blue
Triadik +120° +240°
- 00B89F
Aare River
- A98CE3
≈ Middy’s Purple
- D98945
≈ Coppersmith
Split-komplementer +150° +210°
- 00B89F
Aare River
- CA80C6
≈ Peruvian Lily
- E37D70
≈ Marmalade Magic
Tetradik +90° +180° +270°
- 00B89F
Aare River
- 7D9AEF
≈ Periwinkle Blue
- DE7A9E
≈ Real Raspberry
- BF992C
≈ Nugget Gold
Kontras & aksesibilitas
Ag
FailDi atas putih
WCAG 2.51:1 · APCA Lc 49
Ag
AAADi atas hitam
WCAG 8.35:1 · APCA Lc 53
Warna teks terbaik: #000000
WCAG 8.35:1 (AAA) · APCA Lc 53
Contrast pairs
Cuplikan kode
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);
}