Benannte Farbe · #39497B
Expressionism
Expressionism ist #39497B: rgb(57 73 123), hsl(225 37% 35%), oklch(0.417 0.086 269). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Blue mean? → · Expressionism color name →
#39497B
oklch(0.417 0.086 269)
Farbumrechnungen
- HEX
- #39497b
- RGB
- rgb(57 73 123)
- HSL
- hsl(225 37% 35%)
- HWB
- hwb(225 22% 52%)
- OKLCH
- oklch(0.417 0.086 269)
- OKLab
- oklab(0.417 -0.001 -0.086)
- CIE Lab
- lab(31.55 5.44 -30.93)
- LCH
- lch(31.55 31.41 280)
- CMYK
- cmyk(54% 41% 0% 52%)
Tints · Shades · Tones
Tints
- 4A5A88
- 5C6B95
- 6F7DA2
- 828EB0
- 96A0BD
- AAB3CA
- BFC5D7
- D4D8E4
- E9ECF2
Shades
- 303E6A
- 28345A
- 1F2A4A
- 17203A
- 10172C
- 090E1E
- 040610
- 010205
- 000001
Tones
- 404F7C
- 46547D
- 4D5A7E
- 545F7E
- 5B657F
- 636A7F
- 6A7080
- 717580
- 797B80
Farbharmonien
Komplementär +180°
- 39497B
Expressionism
- 5F4900
≈ Mud Brown
Analog -30° +30°
- 39497B
Expressionism
- 105276
≈ Ocean Spray
- 534074
≈ Raw Amethyst
Triadisch +120° +240°
- 39497B
Expressionism
- 743830
≈ Beaten Copper
- 255931
≈ Crusoe
Geteilt komplementär +150° +210°
- 39497B
Expressionism
- 6E3F13
≈ Sepia
- 475213
≈ Verdun Green
Tetradisch +90° +180° +270°
- 39497B
Expressionism
- 71364B
≈ Venusian
- 5F4900
≈ Mud Brown
- 00594D
≈ Forest Shadows
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 8.70:1 · APCA Lc 90
Ag
FailAuf Schwarz
WCAG 2.41:1 · APCA Lc 13
Beste Textfarbe: #FFFFFF
WCAG 8.70:1 (AAA) · APCA Lc 90
Contrast pairs
Code-Snippets
CSS
:root {
--expressionism: #39497b;
--expressionism-rgb: 57 73 123;
--expressionism-oklch: oklch(0.417 0.086 269);
}
.element {
color: var(--expressionism);
background-color: hsl(225 37% 35%);
border-color: oklch(0.417 0.086 269);
}Tailwind CSS v4
@theme {
--color-expressionism: #39497b;
--color-expressionism-50: #ecf4ff;
--color-expressionism-100: #dde7ff;
--color-expressionism-200: #c6d3fa;
--color-expressionism-300: #a7b6e4;
--color-expressionism-400: #899dd2;
--color-expressionism-500: #6f83c0;
--color-expressionism-600: #5e6fa2;
--color-expressionism-700: #4b5982;
--color-expressionism-800: #354160;
--color-expressionism-900: #242d44;
--color-expressionism-950: #131a2c;
}SCSS
$expressionism: #39497b;
$expressionism-rgb: 57, 73, 123;
$expressionism-light: mix(#fff, $expressionism, 20%);
$expressionism-dark: mix(#000, $expressionism, 20%);
.element {
color: $expressionism;
box-shadow: 0 0 0 2px rgba($expressionism, 0.35);
}