Benannte Farbe · #3A4A62
Evening Glory
Evening Glory ist #3A4A62: rgb(58 74 98), hsl(216 26% 31%), oklch(0.406 0.046 258.3). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Blue mean? → · Evening Glory color name →
#3A4A62
oklch(0.406 0.046 258.3)
Farbumrechnungen
- HEX
- #3a4a62
- RGB
- rgb(58 74 98)
- HSL
- hsl(216 26% 31%)
- HWB
- hwb(216 23% 62%)
- OKLCH
- oklch(0.406 0.046 258.3)
- OKLab
- oklab(0.406 -0.009 -0.045)
- CIE Lab
- lab(30.86 -1.34 -16.32)
- LCH
- lch(30.86 16.38 265.3)
- CMYK
- cmyk(41% 24% 0% 62%)
Tints · Shades · Tones
Tints
- 4B5A71
- 5D6B80
- 707C8F
- 838E9E
- 97A0AE
- ABB2BE
- BFC5CE
- D4D8DE
- E9EBEE
Shades
- 313F54
- 283547
- 202A3A
- 18202D
- 101721
- 090E16
- 04060B
- 010203
- 000000
Tones
- 414F65
- 475568
- 4E5A6B
- 555F6E
- 5C6571
- 636A74
- 6A7077
- 71757A
- 797A7D
Farbharmonien
Komplementär +180°
- 3A4A62
Evening Glory
- 57462C
≈ Punga
Analog -30° +30°
- 3A4A62
Evening Glory
- 2D4E5D
≈ Celtic Rush
- 484561
≈ Purple Blanket
Triadisch +120° +240°
- 3A4A62
Evening Glory
- 603F40
≈ Wine Brown
- 3D4F37
≈ Hōjicha
Geteilt komplementär +150° +210°
- 3A4A62
Evening Glory
- 5E4233
≈ Daniel Boone
- 4B4B2E
≈ Tinny Tin
Tetradisch +90° +180° +270°
- 3A4A62
Evening Glory
- 5C3F4D
≈ Siliceous Red
- 57462C
≈ Punga
- 2F5145
≈ Highland Green
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 8.99:1 · APCA Lc 91
Ag
FailAuf Schwarz
WCAG 2.33:1 · APCA Lc 12
Beste Textfarbe: #FFFFFF
WCAG 8.99:1 (AAA) · APCA Lc 91
Contrast pairs
Code-Snippets
CSS
:root {
--evening-glory: #3a4a62;
--evening-glory-rgb: 58 74 98;
--evening-glory-oklch: oklch(0.406 0.046 258.3);
}
.element {
color: var(--evening-glory);
background-color: hsl(216 26% 31%);
border-color: oklch(0.406 0.046 258.3);
}Tailwind CSS v4
@theme {
--color-evening-glory: #3a4a62;
--color-evening-glory-50: #eef6ff;
--color-evening-glory-100: #dfe8f8;
--color-evening-glory-200: #c9d5e8;
--color-evening-glory-300: #aab8cf;
--color-evening-glory-400: #8ea0ba;
--color-evening-glory-500: #7487a5;
--color-evening-glory-600: #62738b;
--color-evening-glory-700: #4e5c70;
--color-evening-glory-800: #384352;
--color-evening-glory-900: #262e39;
--color-evening-glory-950: #151b24;
}SCSS
$evening-glory: #3a4a62;
$evening-glory-rgb: 58, 74, 98;
$evening-glory-light: mix(#fff, $evening-glory, 20%);
$evening-glory-dark: mix(#000, $evening-glory, 20%);
.element {
color: $evening-glory;
box-shadow: 0 0 0 2px rgba($evening-glory, 0.35);
}