Nächste benannte Farbe · #0C1923
#0C1923
Nächste benannte Farbe: Midnight Edition
#0C1923 (rgb(12 25 35), hsl(206 49% 9%), oklch(0.207 0.027 242.8)) liegt am nächsten an der benannten Farbe Midnight Edition. Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
#0C1923
oklch(0.207 0.027 242.8)
Farbumrechnungen
- HEX
- #0c1923
- RGB
- rgb(12 25 35)
- HSL
- hsl(206 49% 9%)
- HWB
- hwb(206 5% 86%)
- OKLCH
- oklch(0.207 0.027 242.8)
- OKLab
- oklab(0.207 -0.012 -0.024)
- CIE Lab
- lab(7.95 -2.99 -8.83)
- LCH
- lch(7.95 9.33 251.3)
- CMYK
- cmyk(66% 29% 0% 86%)
Tints · Shades · Tones
Tints
- 202C36
- 354049
- 4B555E
- 626B73
- 7A8289
- 949A9F
- ADB2B6
- C8CBCE
- E3E5E6
Shades
- 09141D
- 061017
- 040B11
- 03070C
- 020407
- 010204
- 000101
- 000000
- 000000
Tones
- 16222C
- 212C34
- 2C353D
- 373F46
- 424A4F
- 4E5459
- 5A5F62
- 676A6C
- 737576
Farbharmonien
Komplementär +180°
- 0C1923
Midnight Edition
- 20150A
≈ Noir Mystique
Analog -30° +30°
- 0C1923
Midnight Edition
- 071B1F
≈ Black Stallion
- 131724
≈ River Styx
Triadisch +120° +240°
- 0C1923
Midnight Edition
- 221216
≈ Italian Roast
- 151A0B
≈ Pinch of Pepper
Geteilt komplementär +150° +210°
- 0C1923
Midnight Edition
- 23130F
≈ Bighorn Sheep
- 1C1708
≈ Noir Mystique
Tetradisch +90° +180° +270°
- 0C1923
Midnight Edition
- 1F131D
≈ Bats Cloak
- 20150A
≈ Noir Mystique
- 0E1B12
≈ Pinch of Pepper
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 17.81:1 · APCA Lc 105
Ag
FailAuf Schwarz
WCAG 1.17:1 · APCA Lc 0
Beste Textfarbe: #FFFFFF
WCAG 17.81:1 (AAA) · APCA Lc 105
Contrast pairs
Code-Snippets
CSS
:root {
--midnight-edition: #0c1923;
--midnight-edition-rgb: 12 25 35;
--midnight-edition-oklch: oklch(0.207 0.027 242.8);
}
.element {
color: var(--midnight-edition);
background-color: hsl(206 49% 9%);
border-color: oklch(0.207 0.027 242.8);
}Tailwind CSS v4
@theme {
--color-midnight-edition: #0c1923;
--color-midnight-edition-50: #eff6fd;
--color-midnight-edition-100: #e1e9f1;
--color-midnight-edition-200: #cbd6df;
--color-midnight-edition-300: #acb9c5;
--color-midnight-edition-400: #91a1ae;
--color-midnight-edition-500: #778997;
--color-midnight-edition-600: #657480;
--color-midnight-edition-700: #515d66;
--color-midnight-edition-800: #3a444b;
--color-midnight-edition-900: #282f34;
--color-midnight-edition-950: #161b20;
}SCSS
$midnight-edition: #0c1923;
$midnight-edition-rgb: 12, 25, 35;
$midnight-edition-light: mix(#fff, $midnight-edition, 20%);
$midnight-edition-dark: mix(#000, $midnight-edition, 20%);
.element {
color: $midnight-edition;
box-shadow: 0 0 0 2px rgba($midnight-edition, 0.35);
}