Benannte Farbe · #333144
Oil Rush
Oil Rush ist #333144: rgb(51 49 68), hsl(246 16% 23%), oklch(0.324 0.034 289.2). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Oil Rush color name →
#333144
oklch(0.324 0.034 289.2)
Farbumrechnungen
- HEX
- #333144
- RGB
- rgb(51 49 68)
- HSL
- hsl(246 16% 23%)
- HWB
- hwb(246 19% 73%)
- OKLCH
- oklch(0.324 0.034 289.2)
- OKLab
- oklab(0.324 0.011 -0.032)
- CIE Lab
- lab(21.17 4.62 -11.61)
- LCH
- lch(21.17 12.5 291.7)
- CMYK
- cmyk(25% 28% 0% 73%)
Tints · Shades · Tones
Tints
- 454355
- 575566
- 6A6978
- 7E7D8A
- 92919D
- A7A6B0
- BCBCC3
- D2D2D7
- E8E8EB
Shades
- 2B293A
- 232230
- 1C1A26
- 14131D
- 0D0C14
- 07060C
- 030305
- 010102
- 000000
Tones
- 3A384A
- 414050
- 494856
- 504F5C
- 585762
- 605F68
- 68676E
- 706F74
- 78787A
Farbharmonien
Komplementär +180°
- 333144
Oil Rush
- 353521
≈ Fuchsia Berries
Analog -30° +30°
- 333144
Oil Rush
- 293445
≈ Dress Blues
- 3B2E3F
≈ Valentino Nero
Triadisch +120° +240°
- 333144
Oil Rush
- 422F24
≈ Morocco Brown
- 223931
≈ Palm Green
Geteilt komplementär +150° +210°
- 333144
Oil Rush
- 3D3220
≈ Lebanon Cedar
- 2B3827
≈ Aimiru Brown
Tetradisch +90° +180° +270°
Kontrast & Barrierefreiheit
Ag
AAAAuf Weiß
WCAG 12.62:1 · APCA Lc 99
Ag
FailAuf Schwarz
WCAG 1.66:1 · APCA Lc 0
Beste Textfarbe: #FFFFFF
WCAG 12.62:1 (AAA) · APCA Lc 99
Contrast pairs
Code-Snippets
CSS
:root {
--oil-rush: #333144;
--oil-rush-rgb: 51 49 68;
--oil-rush-oklch: oklch(0.324 0.034 289.2);
}
.element {
color: var(--oil-rush);
background-color: hsl(246 16% 23%);
border-color: oklch(0.324 0.034 289.2);
}Tailwind CSS v4
@theme {
--color-oil-rush: #333144;
--color-oil-rush-50: #f5f4fe;
--color-oil-rush-100: #e8e6f3;
--color-oil-rush-200: #d4d2e2;
--color-oil-rush-300: #b7b5c8;
--color-oil-rush-400: #9d9cb2;
--color-oil-rush-500: #85839c;
--color-oil-rush-600: #716f83;
--color-oil-rush-700: #5a5969;
--color-oil-rush-800: #41414e;
--color-oil-rush-900: #2d2d36;
--color-oil-rush-950: #1a1a21;
}SCSS
$oil-rush: #333144;
$oil-rush-rgb: 51, 49, 68;
$oil-rush-light: mix(#fff, $oil-rush, 20%);
$oil-rush-dark: mix(#000, $oil-rush, 20%);
.element {
color: $oil-rush;
box-shadow: 0 0 0 2px rgba($oil-rush, 0.35);
}