Benannte Farbe · #5A9589
Fiddler
Fiddler ist #5A9589: rgb(90 149 137), hsl(168 25% 47%), oklch(0.626 0.065 179.7). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Teal mean? → · Fiddler color name →
#5A9589
oklch(0.626 0.065 179.7)
Farbumrechnungen
- HEX
- #5a9589
- RGB
- rgb(90 149 137)
- HSL
- hsl(168 25% 47%)
- HWB
- hwb(168 35% 42%)
- OKLCH
- oklch(0.626 0.065 179.7)
- OKLab
- oklab(0.626 -0.065 0)
- CIE Lab
- lab(57.4 -22.34 -0.04)
- LCH
- lch(57.4 22.34 180.1)
- CMYK
- cmyk(40% 0% 8% 42%)
Tints · Shades · Tones
Tints
- 6B9F94
- 7BAA9F
- 8CB4AB
- 9CBFB7
- ACC9C2
- BDD4CE
- CDDEDA
- DEE9E6
- EEF4F3
Shades
- 4D8176
- 416D64
- 355A53
- 294842
- 1E3731
- 132622
- 091614
- 030807
- 000101
Tones
- 5F9388
- 639187
- 688F86
- 6C8D85
- 708B84
- 738984
- 778683
- 7A8482
- 7D8281
Farbharmonien
Komplementär +180°
- 5A9589
Fiddler
- A97886
≈ Mauve Madness
Analog -30° +30°
- 5A9589
Fiddler
- 6C9373
≈ Watercress
- 56939D
≈ Teal Trinket
Triadisch +120° +240°
- 5A9589
Fiddler
- 8D7FAA
≈ Violet Chalk
- A57F60
≈ Spiced Honey
Geteilt komplementär +150° +210°
- 5A9589
Fiddler
- 9F7A9B
≈ Screen Gem
- AC7971
≈ Cranberry Foule
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 3.44:1 · APCA Lc 62
Ag
AAAuf Schwarz
WCAG 6.09:1 · APCA Lc 40
Beste Textfarbe: #000000
WCAG 6.09:1 (AA) · APCA Lc 40
Contrast pairs
Code-Snippets
CSS
:root {
--fiddler: #5a9589;
--fiddler-rgb: 90 149 137;
--fiddler-oklch: oklch(0.626 0.065 179.7);
}
.element {
color: var(--fiddler);
background-color: hsl(168 25% 47%);
border-color: oklch(0.626 0.065 179.7);
}Tailwind CSS v4
@theme {
--color-fiddler: #5a9589;
--color-fiddler-50: #e2fcf6;
--color-fiddler-100: #d2efe9;
--color-fiddler-200: #b7ded6;
--color-fiddler-300: #93c3ba;
--color-fiddler-400: #73ab9f;
--color-fiddler-500: #529487;
--color-fiddler-600: #467e73;
--color-fiddler-700: #38655c;
--color-fiddler-800: #284a42;
--color-fiddler-900: #1b332e;
--color-fiddler-950: #0b1f1a;
}SCSS
$fiddler: #5a9589;
$fiddler-rgb: 90, 149, 137;
$fiddler-light: mix(#fff, $fiddler, 20%);
$fiddler-dark: mix(#000, $fiddler, 20%);
.element {
color: $fiddler;
box-shadow: 0 0 0 2px rgba($fiddler, 0.35);
}