Nächste benannte Farbe · #182979
#182979
Nächste benannte Farbe: Midnight Crest
#182979 (rgb(24 41 121), hsl(229 67% 28%), oklch(0.326 0.137 268.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.
#182979
oklch(0.326 0.137 268.2)
Farbumrechnungen
- HEX
- #182979
- RGB
- rgb(24 41 121)
- HSL
- hsl(229 67% 28%)
- HWB
- hwb(229 9% 53%)
- OKLCH
- oklch(0.326 0.137 268.2)
- OKLab
- oklab(0.326 -0.004 -0.137)
- CIE Lab
- lab(19.85 18.38 -48.6)
- LCH
- lch(19.85 51.96 290.7)
- CMYK
- cmyk(80% 66% 0% 53%)
Tints · Shades · Tones
Tints
- 2A3F87
- 3E5495
- 5368A3
- 6A7DB1
- 8192BE
- 99A7CB
- B2BDD8
- CBD2E5
- E5E9F2
Shades
- 132268
- 0F1C58
- 0A1548
- 070F39
- 04092B
- 02051D
- 010210
- 000105
- 000001
Tones
- 21337B
- 2A3D7C
- 34467E
- 3E4F7F
- 485780
- 536080
- 5E6881
- 697081
- 747881
Farbharmonien
Komplementär +180°
- 182979
Midnight Crest
- 423200
≈ Night in the Woods
Analog -30° +30°
- 182979
Midnight Crest
- 003955
≈ Gibraltar Sea
- 3F1A6F
≈ Explorer of the Galaxies
Triadisch +120° +240°
- 182979
Midnight Crest
- 680003
≈ Arcavia Red
- 004015
≈ Hunter Green
Geteilt komplementär +150° +210°
- 182979
Midnight Crest
- 512800
≈ Brown Study
- 313900
≈ Wasabi Nori
Tetradisch +90° +180° +270°
- 182979
Midnight Crest
- 630034
≈ Tyrian Purple
- 423200
≈ Night in the Woods
- 003E34
≈ Botanical Night
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 12.86:1 · APCA Lc 98
Ag
FailAuf Schwarz
WCAG 1.63:1 · APCA Lc 0
Beste Textfarbe: #FFFFFF
WCAG 12.86:1 (AAA) · APCA Lc 98
Contrast pairs
Code-Snippets
CSS
:root {
--midnight-crest: #182979;
--midnight-crest-rgb: 24 41 121;
--midnight-crest-oklch: oklch(0.326 0.137 268.2);
}
.element {
color: var(--midnight-crest);
background-color: hsl(229 67% 28%);
border-color: oklch(0.326 0.137 268.2);
}Tailwind CSS v4
@theme {
--color-midnight-crest: #182979;
--color-midnight-crest-50: #e6f4ff;
--color-midnight-crest-100: #d6e7ff;
--color-midnight-crest-200: #bdd2ff;
--color-midnight-crest-300: #9cb4fe;
--color-midnight-crest-400: #7c9af0;
--color-midnight-crest-500: #607fe0;
--color-midnight-crest-600: #516cbd;
--color-midnight-crest-700: #415698;
--color-midnight-crest-800: #2c4072;
--color-midnight-crest-900: #1e2c50;
--color-midnight-crest-950: #0e1935;
}SCSS
$midnight-crest: #182979;
$midnight-crest-rgb: 24, 41, 121;
$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);
}