Nächste benannte Farbe · #0E1020
#0E1020
Nächste benannte Farbe: Corbeau
#0E1020 (rgb(14 16 32), hsl(233 39% 9%), oklch(0.18 0.033 277.1)) liegt am nächsten an der benannten Farbe Corbeau. Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
#0E1020
oklch(0.18 0.033 277.1)
Farbumrechnungen
- HEX
- #0e1020
- RGB
- rgb(14 16 32)
- HSL
- hsl(233 39% 9%)
- HWB
- hwb(233 5% 87%)
- OKLCH
- oklch(0.18 0.033 277.1)
- OKLab
- oklab(0.18 0.004 -0.033)
- CIE Lab
- lab(5.03 2.46 -10.99)
- LCH
- lch(5.03 11.26 282.6)
- CMYK
- cmyk(56% 50% 0% 87%)
Tints · Shades · Tones
Tints
- 212333
- 353847
- 4B4E5C
- 626571
- 7A7D87
- 94959E
- ADAFB6
- C8C9CE
- E3E4E6
Shades
- 0B0C1A
- 070915
- 05060F
- 03040A
- 020206
- 010103
- 000001
- 000000
- 000000
Tones
- 181A29
- 222432
- 2C2E3B
- 373945
- 43444E
- 4E5058
- 5A5B62
- 67676C
- 737476
Farbharmonien
Komplementär +180°
- 0E1020
Corbeau
- 161202
≈ Chinese Black
Analog -30° +30°
- 0E1020
Corbeau
- 05131F
≈ Midnight Edition
- 150D1D
≈ Corbeau
Triadisch +120° +240°
- 0E1020
Corbeau
- 1E0C07
≈ Crowshead
- 04160C
≈ Pinch of Pepper
Geteilt komplementär +150° +210°
- 0E1020
Corbeau
- 1B0E02
≈ Crowshead
- 0E1405
≈ Chinese Black
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 18.85:1 · APCA Lc 105
Ag
FailAuf Schwarz
WCAG 1.11:1 · APCA Lc 0
Beste Textfarbe: #FFFFFF
WCAG 18.85:1 (AAA) · APCA Lc 105
Contrast pairs
Code-Snippets
CSS
:root {
--corbeau: #0e1020;
--corbeau-rgb: 14 16 32;
--corbeau-oklch: oklch(0.18 0.033 277.1);
}
.element {
color: var(--corbeau);
background-color: hsl(233 39% 9%);
border-color: oklch(0.18 0.033 277.1);
}Tailwind CSS v4
@theme {
--color-corbeau: #0e1020;
--color-corbeau-50: #f3f4ff;
--color-corbeau-100: #e5e7f3;
--color-corbeau-200: #d1d3e3;
--color-corbeau-300: #b3b6c9;
--color-corbeau-400: #999db2;
--color-corbeau-500: #80859c;
--color-corbeau-600: #6d7084;
--color-corbeau-700: #575a6a;
--color-corbeau-800: #3f424e;
--color-corbeau-900: #2b2d36;
--color-corbeau-950: #191a21;
}SCSS
$corbeau: #0e1020;
$corbeau-rgb: 14, 16, 32;
$corbeau-light: mix(#fff, $corbeau, 20%);
$corbeau-dark: mix(#000, $corbeau, 20%);
.element {
color: $corbeau;
box-shadow: 0 0 0 2px rgba($corbeau, 0.35);
}