Nächste benannte Farbe · #242878
#242878
Nächste benannte Farbe: Midnight Crest
#242878 (rgb(36 40 120), hsl(237 54% 31%), oklch(0.33 0.134 274.2)) liegt am nächsten an der benannten Farbe Midnight Crest. Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
#242878
oklch(0.33 0.134 274.2)
Farbumrechnungen
- HEX
- #242878
- RGB
- rgb(36 40 120)
- HSL
- hsl(237 54% 31%)
- HWB
- hwb(237 14% 53%)
- OKLCH
- oklch(0.33 0.134 274.2)
- OKLab
- oklab(0.33 0.01 -0.133)
- CIE Lab
- lab(20.25 20.69 -47.27)
- LCH
- lch(20.25 51.6 293.6)
- CMYK
- cmyk(70% 67% 0% 53%)
Tints · Shades · Tones
Tints
- 353E86
- 475394
- 5B67A2
- 717CB0
- 8791BD
- 9DA6CB
- B5BCD8
- CDD2E5
- E6E8F2
Shades
- 1E2167
- 181B57
- 121548
- 0C0F39
- 07092A
- 04041D
- 020210
- 000105
- 000001
Tones
- 2B327A
- 333C7B
- 3B457D
- 444E7E
- 4E567F
- 575F80
- 616780
- 6B7080
- 767880
Farbharmonien
Komplementär +180°
- 242878
Midnight Crest
- 413400
≈ Night in the Woods
Analog -30° +30°
- 242878
Midnight Crest
- 00385C
≈ Incremental Blue
- 451A6B
≈ Obsidian Shell
Triadisch +120° +240°
- 242878
Midnight Crest
- 641200
≈ Cowpeas
- 004121
≈ Angel Green
Geteilt komplementär +150° +210°
- 242878
Midnight Crest
- 4F2C00
≈ Kyoto House
- 2D3C00
≈ Dark Olive
Tetradisch +90° +180° +270°
- 242878
Midnight Crest
- 67002D
≈ Plum Cheese
- 413400
≈ Night in the Woods
- 003F39
≈ Rich Black
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 12.72:1 · APCA Lc 98
Ag
FailAuf Schwarz
WCAG 1.64:1 · APCA Lc 0
Beste Textfarbe: #FFFFFF
WCAG 12.72:1 (AAA) · APCA Lc 98
Contrast pairs
Code-Snippets
CSS
:root {
--midnight-crest: #242878;
--midnight-crest-rgb: 36 40 120;
--midnight-crest-oklch: oklch(0.33 0.134 274.2);
}
.element {
color: var(--midnight-crest);
background-color: hsl(237 54% 31%);
border-color: oklch(0.33 0.134 274.2);
}Tailwind CSS v4
@theme {
--color-midnight-crest: #242878;
--color-midnight-crest-50: #eaf3ff;
--color-midnight-crest-100: #dbe5ff;
--color-midnight-crest-200: #c4d0ff;
--color-midnight-crest-300: #a5b1fc;
--color-midnight-crest-400: #8697ed;
--color-midnight-crest-500: #6c7cde;
--color-midnight-crest-600: #5c6abb;
--color-midnight-crest-700: #495496;
--color-midnight-crest-800: #333e70;
--color-midnight-crest-900: #222b4f;
--color-midnight-crest-950: #121835;
}SCSS
$midnight-crest: #242878;
$midnight-crest-rgb: 36, 40, 120;
$midnight-crest-light: mix(#fff, $midnight-crest, 20%);
$midnight-crest-dark: mix(#000, $midnight-crest, 20%);
.element {
color: $midnight-crest;
box-shadow: 0 0 0 2px rgba($midnight-crest, 0.35);
}