Nächste benannte Farbe · #404277
#404277
Nächste benannte Farbe: Evening Magic
#404277 (rgb(64 66 119), hsl(238 30% 36%), oklch(0.404 0.088 280)) liegt am nächsten an der benannten Farbe Evening Magic. Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
#404277
oklch(0.404 0.088 280)
Farbumrechnungen
- HEX
- #404277
- RGB
- rgb(64 66 119)
- HSL
- hsl(238 30% 36%)
- HWB
- hwb(238 25% 53%)
- OKLCH
- oklch(0.404 0.088 280)
- OKLab
- oklab(0.404 0.015 -0.087)
- CIE Lab
- lab(29.82 10.8 -31.12)
- LCH
- lch(29.82 32.94 289.1)
- CMYK
- cmyk(46% 45% 0% 53%)
Tints · Shades · Tones
Tints
- 505484
- 626592
- 7477A0
- 868AAD
- 999DBB
- ADB0C8
- C1C3D6
- D5D7E4
- EAEBF1
Shades
- 363867
- 2D2F57
- 242547
- 1B1C38
- 13142A
- 0B0B1C
- 050510
- 010105
- 000001
Tones
- 464878
- 4C4F7A
- 52557B
- 585B7C
- 5E617D
- 65677E
- 6C6E7F
- 72747F
- 797A80
Farbharmonien
Komplementär +180°
- 404277
Evening Magic
- 534900
≈ Scorzonera Brown
Analog -30° +30°
- 404277
Evening Magic
- 1E4B76
≈ Seashell Cove
- 573A6C
≈ Honey Flower
Triadisch +120° +240°
- 404277
Evening Magic
- 703621
≈ Rosewood Brown
- 075738
≈ Permanent Green
Geteilt komplementär +150° +210°
- 404277
Evening Magic
- 663F00
≈ Pullman Brown
- 385219
≈ Navy Green
Tetradisch +90° +180° +270°
- 404277
Evening Magic
- 70323E
≈ Chestnut Red
- 534900
≈ Scorzonera Brown
- 005451
≈ Pacific Storm
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 9.27:1 · APCA Lc 91
Ag
FailAuf Schwarz
WCAG 2.26:1 · APCA Lc 11
Beste Textfarbe: #FFFFFF
WCAG 9.27:1 (AAA) · APCA Lc 91
Contrast pairs
Code-Snippets
CSS
:root {
--evening-magic: #404277;
--evening-magic-rgb: 64 66 119;
--evening-magic-oklch: oklch(0.404 0.088 280);
}
.element {
color: var(--evening-magic);
background-color: hsl(238 30% 36%);
border-color: oklch(0.404 0.088 280);
}Tailwind CSS v4
@theme {
--color-evening-magic: #404277;
--color-evening-magic-50: #f0f3ff;
--color-evening-magic-100: #e3e5ff;
--color-evening-magic-200: #ced0fa;
--color-evening-magic-300: #b0b2e4;
--color-evening-magic-400: #9499d2;
--color-evening-magic-500: #7b7fc0;
--color-evening-magic-600: #686ca2;
--color-evening-magic-700: #535682;
--color-evening-magic-800: #3b3f61;
--color-evening-magic-900: #292c44;
--color-evening-magic-950: #17192c;
}SCSS
$evening-magic: #404277;
$evening-magic-rgb: 64, 66, 119;
$evening-magic-light: mix(#fff, $evening-magic, 20%);
$evening-magic-dark: mix(#000, $evening-magic, 20%);
.element {
color: $evening-magic;
box-shadow: 0 0 0 2px rgba($evening-magic, 0.35);
}