Colore con nome · #444251
Smoked Purple
Smoked Purple è #444251: rgb(68 66 81), hsl(248 10% 29%), oklch(0.387 0.025 291.3). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Smoked Purple color name →
#444251
oklch(0.387 0.025 291.3)
Conversioni di colore
- HEX
- #444251
- RGB
- rgb(68 66 81)
- HSL
- hsl(248 10% 29%)
- HWB
- hwb(248 26% 68%)
- OKLCH
- oklch(0.387 0.025 291.3)
- OKLab
- oklab(0.387 0.009 -0.024)
- CIE Lab
- lab(28.62 3.54 -8.74)
- LCH
- lch(28.62 9.43 292.1)
- CMYK
- cmyk(16% 19% 0% 68%)
Tinte · Ombre · Toni
Tinte
- 555361
- 666471
- 777682
- 8A8893
- 9C9BA4
- AFAEB5
- C3C2C7
- D6D6DA
- EBEAEC
Ombre
- 3A3845
- 302F3A
- 26252F
- 1D1C24
- 14141A
- 0C0B10
- 050507
- 020102
- 000000
Toni
- 4A4856
- 4F4E5A
- 55545F
- 5B5A64
- 616068
- 67666D
- 6D6D72
- 737376
- 7A7A7B
Armonie di colore
Complementare +180°
- 444251
Smoked Purple
- 444636
≈ Country House Green
Analogo -30° +30°
- 444251
Smoked Purple
- 3D4552
≈ Rhino
- 4B404D
≈ Stone Violet
Triadico +120° +240°
- 444251
Smoked Purple
- 504138
≈ Oxford Brown
- 374942
≈ Garnet Black Green
Complementare divisa +150° +210°
- 444251
Smoked Purple
- 4B4335
≈ Cannon Ball
- 3D483B
≈ Copper Pyrite Green
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
AAASu bianco
WCAG 9.79:1 · APCA Lc 93
Ag
FailSu nero
WCAG 2.14:1 · APCA Lc 10
Miglior colore del testo: #FFFFFF
WCAG 9.79:1 (AAA) · APCA Lc 93
Contrast pairs
Frammenti di codice
CSS
:root {
--smoked-purple: #444251;
--smoked-purple-rgb: 68 66 81;
--smoked-purple-oklch: oklch(0.387 0.025 291.3);
}
.element {
color: var(--smoked-purple);
background-color: hsl(248 10% 29%);
border-color: oklch(0.387 0.025 291.3);
}Tailwind CSS v4
@theme {
--color-smoked-purple: #444251;
--color-smoked-purple-50: #f5f4fc;
--color-smoked-purple-100: #e8e6f0;
--color-smoked-purple-200: #d4d2de;
--color-smoked-purple-300: #b7b5c4;
--color-smoked-purple-400: #9e9cad;
--color-smoked-purple-500: #868496;
--color-smoked-purple-600: #716f7f;
--color-smoked-purple-700: #5b5966;
--color-smoked-purple-800: #42414b;
--color-smoked-purple-900: #2d2d34;
--color-smoked-purple-950: #1a1a1f;
}SCSS
$smoked-purple: #444251;
$smoked-purple-rgb: 68, 66, 81;
$smoked-purple-light: mix(#fff, $smoked-purple, 20%);
$smoked-purple-dark: mix(#000, $smoked-purple, 20%);
.element {
color: $smoked-purple;
box-shadow: 0 0 0 2px rgba($smoked-purple, 0.35);
}