Warna bernama · #008A86
Navigate
Navigate adalah #008A86: rgb(0 138 134), hsl(178 100% 27%), oklch(0.572 0.098 191.2). Lihat tint, shade, harmoni, kontras WCAG & APCA, serta kode CSS, Tailwind v4, dan SCSS.
What does Teal mean? → · Navigate color name →
#008A86
oklch(0.572 0.098 191.2)
Konversi warna
- HEX
- #008a86
- RGB
- rgb(0 138 134)
- HSL
- hsl(178 100% 27%)
- HWB
- hwb(178 0% 46%)
- OKLCH
- oklch(0.572 0.098 191.2)
- OKLab
- oklab(0.572 -0.097 -0.019)
- CIE Lab
- lab(51.46 -33.08 -7.33)
- LCH
- lch(51.46 33.88 192.5)
- CMYK
- cmyk(100% 0% 3% 46%)
Tint · Shade · Tone
Tint
- 359591
- 51A19D
- 69ADA9
- 80B8B5
- 95C4C1
- ABD0CD
- C0DBD9
- D5E7E6
- EAF3F2
Shade
- 007774
- 006562
- 005351
- 004240
- 003230
- 002221
- 001413
- 000706
- 000101
Tone
- 258985
- 378885
- 448884
- 4F8784
- 598683
- 628582
- 6A8482
- 728281
- 798181
Harmoni warna
Komplementer +180°
- 008A86
Navigate
- A95E69
≈ Delicate Prunus
Analog -30° +30°
- 008A86
Navigate
- 398A65
≈ Exquisite Emerald
- 1B85A1
≈ Blue Arc
Triadik +120° +240°
- 008A86
Navigate
- 8B67A3
≈ Empire Violet
- 9C6D2F
≈ Damascene
Split-komplementer +150° +210°
- 008A86
Navigate
- 9F6089
≈ Thimble Red
- A96349
≈ Borneo
Tetradik +90° +180° +270°
Kontras & aksesibilitas
Ag
FailDi atas putih
WCAG 4.21:1 · APCA Lc 69
Ag
AADi atas hitam
WCAG 4.97:1 · APCA Lc 33
Warna teks terbaik: #000000
WCAG 4.97:1 (AA) · APCA Lc 33
Contrast pairs
Cuplikan kode
CSS
:root {
--navigate: #008a86;
--navigate-rgb: 0 138 134;
--navigate-oklch: oklch(0.572 0.098 191.2);
}
.element {
color: var(--navigate);
background-color: hsl(178 100% 27%);
border-color: oklch(0.572 0.098 191.2);
}Tailwind CSS v4
@theme {
--color-navigate: #008a86;
--color-navigate-50: #d6fffd;
--color-navigate-100: #c3f3f1;
--color-navigate-200: #a3e2e0;
--color-navigate-300: #78c8c5;
--color-navigate-400: #4cb1ac;
--color-navigate-500: #009a96;
--color-navigate-600: #06837f;
--color-navigate-700: #086965;
--color-navigate-800: #054d49;
--color-navigate-900: #043633;
--color-navigate-950: #00211f;
}SCSS
$navigate: #008a86;
$navigate-rgb: 0, 138, 134;
$navigate-light: mix(#fff, $navigate, 20%);
$navigate-dark: mix(#000, $navigate, 20%);
.element {
color: $navigate;
box-shadow: 0 0 0 2px rgba($navigate, 0.35);
}