Benannte Farbe · #008A86
Navigate
Navigate ist #008A86: rgb(0 138 134), hsl(178 100% 27%), oklch(0.572 0.098 191.2). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Teal mean? → · Navigate color name →
#008A86
oklch(0.572 0.098 191.2)
Farbumrechnungen
- 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%)
Tints · Shades · Tones
Tints
- 359591
- 51A19D
- 69ADA9
- 80B8B5
- 95C4C1
- ABD0CD
- C0DBD9
- D5E7E6
- EAF3F2
Shades
- 007774
- 006562
- 005351
- 004240
- 003230
- 002221
- 001413
- 000706
- 000101
Tones
- 258985
- 378885
- 448884
- 4F8784
- 598683
- 628582
- 6A8482
- 728281
- 798181
Farbharmonien
Komplementär +180°
- 008A86
Navigate
- A95E69
≈ Delicate Prunus
Analog -30° +30°
- 008A86
Navigate
- 398A65
≈ Exquisite Emerald
- 1B85A1
≈ Blue Arc
Triadisch +120° +240°
- 008A86
Navigate
- 8B67A3
≈ Empire Violet
- 9C6D2F
≈ Damascene
Geteilt komplementär +150° +210°
- 008A86
Navigate
- 9F6089
≈ Thimble Red
- A96349
≈ Borneo
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 4.21:1 · APCA Lc 69
Ag
AAAuf Schwarz
WCAG 4.97:1 · APCA Lc 33
Beste Textfarbe: #000000
WCAG 4.97:1 (AA) · APCA Lc 33
Contrast pairs
Code-Snippets
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);
}