Benannte Farbe · #485480
Mozart
Mozart ist #485480: rgb(72 84 128), hsl(227 28% 39%), oklch(0.455 0.074 271.6). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Blue mean? → · Mozart color name →
#485480
oklch(0.455 0.074 271.6)
Farbumrechnungen
- HEX
- #485480
- RGB
- rgb(72 84 128)
- HSL
- hsl(227 28% 39%)
- HWB
- hwb(227 28% 50%)
- OKLCH
- oklch(0.455 0.074 271.6)
- OKLab
- oklab(0.455 0.002 -0.074)
- CIE Lab
- lab(36.19 4.59 -26.66)
- LCH
- lch(36.19 27.05 279.8)
- CMYK
- cmyk(44% 34% 0% 50%)
Tints · Shades · Tones
Tints
- 58648C
- 697499
- 7A84A6
- 8C95B2
- 9EA6BF
- B1B7CC
- C4C9D8
- D7DBE5
- EBEDF2
Shades
- 3D486E
- 333C5D
- 29314D
- 1F263D
- 161B2E
- 0D111F
- 060812
- 020206
- 000001
Tones
- 4D5980
- 535D81
- 586181
- 5E6681
- 636A81
- 696F81
- 6F7381
- 747781
- 7A7C80
Farbharmonien
Komplementär +180°
- 485480
Mozart
- 665521
≈ Field Drab
Analog -30° +30°
Triadisch +120° +240°
- 485480
Mozart
- 7A473D
≈ Fire Roasted
- 356242
≈ Forest Serenade
Geteilt komplementär +150° +210°
- 485480
Mozart
- 744D29
≈ Chocolate Rain
- 505D2C
≈ Woodman
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 7.35:1 · APCA Lc 85
Ag
FailAuf Schwarz
WCAG 2.85:1 · APCA Lc 17
Beste Textfarbe: #FFFFFF
WCAG 7.35:1 (AAA) · APCA Lc 85
Contrast pairs
Code-Snippets
CSS
:root {
--mozart: #485480;
--mozart-rgb: 72 84 128;
--mozart-oklch: oklch(0.455 0.074 271.6);
}
.element {
color: var(--mozart);
background-color: hsl(227 28% 39%);
border-color: oklch(0.455 0.074 271.6);
}Tailwind CSS v4
@theme {
--color-mozart: #485480;
--color-mozart-50: #eef4ff;
--color-mozart-100: #e0e7ff;
--color-mozart-200: #cad3f5;
--color-mozart-300: #abb5de;
--color-mozart-400: #8f9ccb;
--color-mozart-500: #7483b8;
--color-mozart-600: #636f9b;
--color-mozart-700: #4f597c;
--color-mozart-800: #38415c;
--color-mozart-900: #262d41;
--color-mozart-950: #151a29;
}SCSS
$mozart: #485480;
$mozart-rgb: 72, 84, 128;
$mozart-light: mix(#fff, $mozart, 20%);
$mozart-dark: mix(#000, $mozart, 20%);
.element {
color: $mozart;
box-shadow: 0 0 0 2px rgba($mozart, 0.35);
}