Benannte Farbe · #006B64
Fashion Blue
Fashion Blue ist #006B64: rgb(0 107 100), hsl(176 100% 21%), oklch(0.475 0.083 187). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Teal mean? → · Fashion Blue color name →
#006B64
oklch(0.475 0.083 187)
Farbumrechnungen
- HEX
- #006b64
- RGB
- rgb(0 107 100)
- HSL
- hsl(176 100% 21%)
- HWB
- hwb(176 0% 58%)
- OKLCH
- oklch(0.475 0.083 187)
- OKLab
- oklab(0.475 -0.082 -0.01)
- CIE Lab
- lab(40.1 -28.52 -3.96)
- LCH
- lch(40.1 28.8 187.9)
- CMYK
- cmyk(100% 0% 7% 58%)
Tints · Shades · Tones
Tints
- 2D7972
- 488781
- 609690
- 77A49F
- 8DB3AE
- A4C2BE
- BAD1CE
- D1E0DE
- E8EFEE
Shades
- 005C56
- 004E48
- 003F3B
- 00322E
- 002522
- 001816
- 000D0B
- 000403
- 000000
Tones
- 1F6D67
- 2F706A
- 3C726C
- 48746F
- 527672
- 5C7875
- 657A77
- 6E7C7A
- 777E7D
Farbharmonien
Komplementär +180°
- 006B64
Fashion Blue
- 834754
≈ Haunting Melody
Analog -30° +30°
- 006B64
Fashion Blue
- 2E6A49
≈ Chopped Chive
- 07677B
≈ World’s Away
Triadisch +120° +240°
- 006B64
Fashion Blue
- 694F81
≈ Zimidar
- 7B5223
≈ Trojan Horse Brown
Geteilt komplementär +150° +210°
- 006B64
Fashion Blue
- 7A496D
≈ Madder Magenta
- 844A3A
≈ Red Chipotle
Tetradisch +90° +180° +270°
- 006B64
Fashion Blue
- 51578B
≈ Rich Violet
- 834754
≈ Haunting Melody
- 6A5C1D
≈ High Forest Green
Kontrast & Barrierefreiheit
Ag
AAAuf Weiß
WCAG 6.38:1 · APCA Lc 81
Ag
FailAuf Schwarz
WCAG 3.28:1 · APCA Lc 21
Beste Textfarbe: #FFFFFF
WCAG 6.38:1 (AA) · APCA Lc 81
Contrast pairs
Code-Snippets
CSS
:root {
--fashion-blue: #006b64;
--fashion-blue-rgb: 0 107 100;
--fashion-blue-oklch: oklch(0.475 0.083 187);
}
.element {
color: var(--fashion-blue);
background-color: hsl(176 100% 21%);
border-color: oklch(0.475 0.083 187);
}Tailwind CSS v4
@theme {
--color-fashion-blue: #006b64;
--color-fashion-blue-50: #dbfdfa;
--color-fashion-blue-100: #caf1ed;
--color-fashion-blue-200: #ace0db;
--color-fashion-blue-300: #85c6c0;
--color-fashion-blue-400: #60afa6;
--color-fashion-blue-500: #35988f;
--color-fashion-blue-600: #2f8079;
--color-fashion-blue-700: #256761;
--color-fashion-blue-800: #1a4c46;
--color-fashion-blue-900: #113530;
--color-fashion-blue-950: #03201d;
}SCSS
$fashion-blue: #006b64;
$fashion-blue-rgb: 0, 107, 100;
$fashion-blue-light: mix(#fff, $fashion-blue, 20%);
$fashion-blue-dark: mix(#000, $fashion-blue, 20%);
.element {
color: $fashion-blue;
box-shadow: 0 0 0 2px rgba($fashion-blue, 0.35);
}