Benannte Farbe · #53786A
Wishard
Wishard ist #53786A: rgb(83 120 106), hsl(157 18% 40%), oklch(0.54 0.047 169). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Teal mean? → · Wishard color name →
#53786A
oklch(0.54 0.047 169)
Farbumrechnungen
- HEX
- #53786a
- RGB
- rgb(83 120 106)
- HSL
- hsl(157 18% 40%)
- HWB
- hwb(157 33% 53%)
- OKLCH
- oklch(0.54 0.047 169)
- OKLab
- oklab(0.54 -0.047 0.009)
- CIE Lab
- lab(47.32 -16.1 3.31)
- LCH
- lch(47.32 16.43 168.4)
- CMYK
- cmyk(31% 0% 12% 53%)
Tints · Shades · Tones
Tints
- 638578
- 749286
- 849F94
- 95ACA3
- A6B9B2
- B8C7C1
- C9D5D0
- DBE3DF
- EDF1EF
Shades
- 47675B
- 3B574D
- 30483F
- 253931
- 1B2A24
- 111D18
- 08100D
- 020504
- 000100
Tones
- 58796C
- 5D7A6E
- 617B71
- 667B73
- 6A7C75
- 6F7D77
- 737E79
- 777F7C
- 7C7F7E
Farbharmonien
Komplementär +180°
- 53786A
Wishard
- 846473
≈ Opera
Analog -30° +30°
- 53786A
Wishard
- 61765B
≈ Finlandia
- 4D7779
≈ Cool Waters
Triadisch +120° +240°
- 53786A
Wishard
- 6D6B89
≈ Dark Prince
- 866757
≈ Suede Leather
Geteilt komplementär +150° +210°
- 53786A
Wishard
- 7B6681
≈ Grape Jelly
- 886464
≈ Forbidden Thrill
Tetradisch +90° +180° +270°
- 53786A
Wishard
- 5E708B
≈ Beguiling Blue
- 846473
≈ Opera
- 7E6C4F
≈ Juicy Fig
Kontrast & Barrierefreiheit
Ag
AAAuf Weiß
WCAG 4.92:1 · APCA Lc 74
Ag
FailAuf Schwarz
WCAG 4.26:1 · APCA Lc 28
Beste Textfarbe: #FFFFFF
WCAG 4.92:1 (AA) · APCA Lc 74
Contrast pairs
Code-Snippets
CSS
:root {
--wishard: #53786a;
--wishard-rgb: 83 120 106;
--wishard-oklch: oklch(0.54 0.047 169);
}
.element {
color: var(--wishard);
background-color: hsl(157 18% 40%);
border-color: oklch(0.54 0.047 169);
}Tailwind CSS v4
@theme {
--color-wishard: #53786a;
--color-wishard-50: #e9faf3;
--color-wishard-100: #d9ede6;
--color-wishard-200: #c1dbd1;
--color-wishard-300: #a0c0b4;
--color-wishard-400: #83a89a;
--color-wishard-500: #679181;
--color-wishard-600: #577a6d;
--color-wishard-700: #466257;
--color-wishard-800: #32483f;
--color-wishard-900: #22322b;
--color-wishard-950: #111e19;
}SCSS
$wishard: #53786a;
$wishard-rgb: 83, 120, 106;
$wishard-light: mix(#fff, $wishard, 20%);
$wishard-dark: mix(#000, $wishard, 20%);
.element {
color: $wishard;
box-shadow: 0 0 0 2px rgba($wishard, 0.35);
}