Colore con nome · #333144
Oil Rush
Oil Rush è #333144: rgb(51 49 68), hsl(246 16% 23%), oklch(0.324 0.034 289.2). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Oil Rush color name →
#333144
oklch(0.324 0.034 289.2)
Conversioni di colore
- 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%)
Tinte · Ombre · Toni
Tinte
- 454355
- 575566
- 6A6978
- 7E7D8A
- 92919D
- A7A6B0
- BCBCC3
- D2D2D7
- E8E8EB
Ombre
- 2B293A
- 232230
- 1C1A26
- 14131D
- 0D0C14
- 07060C
- 030305
- 010102
- 000000
Toni
- 3A384A
- 414050
- 494856
- 504F5C
- 585762
- 605F68
- 68676E
- 706F74
- 78787A
Armonie di colore
Complementare +180°
- 333144
Oil Rush
- 353521
≈ Fuchsia Berries
Analogo -30° +30°
- 333144
Oil Rush
- 293445
≈ Dress Blues
- 3B2E3F
≈ Valentino Nero
Triadico +120° +240°
- 333144
Oil Rush
- 422F24
≈ Morocco Brown
- 223931
≈ Palm Green
Complementare divisa +150° +210°
- 333144
Oil Rush
- 3D3220
≈ Lebanon Cedar
- 2B3827
≈ Aimiru Brown
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
AAASu bianco
WCAG 12.62:1 · APCA Lc 99
Ag
FailSu nero
WCAG 1.66:1 · APCA Lc 0
Miglior colore del testo: #FFFFFF
WCAG 12.62:1 (AAA) · APCA Lc 99
Contrast pairs
Frammenti di codice
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);
}