Benannte Farbe · #545989
Wild Elderberry
Wild Elderberry ist #545989: rgb(84 89 137), hsl(234 24% 43%), oklch(0.481 0.077 278.5). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Blue mean? → · Wild Elderberry color name →
#545989
oklch(0.481 0.077 278.5)
Farbumrechnungen
- HEX
- #545989
- RGB
- rgb(84 89 137)
- HSL
- hsl(234 24% 43%)
- HWB
- hwb(234 33% 46%)
- OKLCH
- oklch(0.481 0.077 278.5)
- OKLab
- oklab(0.481 0.011 -0.076)
- CIE Lab
- lab(38.99 7.62 -27.69)
- LCH
- lch(38.99 28.72 285.4)
- CMYK
- cmyk(39% 35% 0% 46%)
Tints · Shades · Tones
Tints
- 636995
- 7378A0
- 8388AC
- 9499B8
- A5A9C4
- B6BAD0
- C8CBDB
- DADCE7
- ECEDF3
Shades
- 484C76
- 3C4064
- 313453
- 262842
- 1B1D31
- 111322
- 080914
- 020307
- 000001
Tones
- 585D88
- 5C6188
- 616587
- 656986
- 696D86
- 6E7185
- 727584
- 777882
- 7B7C81
Farbharmonien
Komplementär +180°
- 545989
Wild Elderberry
- 695E26
≈ High Forest Green
Analog -30° +30°
- 545989
Wild Elderberry
- 396188
≈ Functional Blue
- 6A517F
≈ Virtual Violet
Triadisch +120° +240°
- 545989
Wild Elderberry
- 834E3D
≈ Red Chipotle
- 336B4D
≈ Chopped Chive
Geteilt komplementär +150° +210°
- 545989
Wild Elderberry
- 7A5529
≈ Arable Brown
- 516635
≈ Garden Green
Tetradisch +90° +180° +270°
- 545989
Wild Elderberry
- 834B55
≈ Parauri Brown
- 695E26
≈ High Forest Green
- 156C66
≈ Green Dragon
Kontrast & Barrierefreiheit
Ag
AAAuf Weiß
WCAG 6.63:1 · APCA Lc 83
Ag
FailAuf Schwarz
WCAG 3.16:1 · APCA Lc 19
Beste Textfarbe: #FFFFFF
WCAG 6.63:1 (AA) · APCA Lc 83
Contrast pairs
Code-Snippets
CSS
:root {
--wild-elderberry: #545989;
--wild-elderberry-rgb: 84 89 137;
--wild-elderberry-oklch: oklch(0.481 0.077 278.5);
}
.element {
color: var(--wild-elderberry);
background-color: hsl(234 24% 43%);
border-color: oklch(0.481 0.077 278.5);
}Tailwind CSS v4
@theme {
--color-wild-elderberry: #545989;
--color-wild-elderberry-50: #f0f3ff;
--color-wild-elderberry-100: #e2e6ff;
--color-wild-elderberry-200: #cdd1f6;
--color-wild-elderberry-300: #afb4df;
--color-wild-elderberry-400: #949acc;
--color-wild-elderberry-500: #7a81b9;
--color-wild-elderberry-600: #686d9c;
--color-wild-elderberry-700: #53577d;
--color-wild-elderberry-800: #3b405d;
--color-wild-elderberry-900: #292c41;
--color-wild-elderberry-950: #17192a;
}SCSS
$wild-elderberry: #545989;
$wild-elderberry-rgb: 84, 89, 137;
$wild-elderberry-light: mix(#fff, $wild-elderberry, 20%);
$wild-elderberry-dark: mix(#000, $wild-elderberry, 20%);
.element {
color: $wild-elderberry;
box-shadow: 0 0 0 2px rgba($wild-elderberry, 0.35);
}