Colore con nome · #42424D
Flint Purple
Flint Purple è #42424D: rgb(66 66 77), hsl(240 8% 28%), oklch(0.383 0.019 285.5). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Flint Purple color name →
#42424D
oklch(0.383 0.019 285.5)
Conversioni di colore
- HEX
- #42424d
- RGB
- rgb(66 66 77)
- HSL
- hsl(240 8% 28%)
- HWB
- hwb(240 26% 70%)
- OKLCH
- oklch(0.383 0.019 285.5)
- OKLab
- oklab(0.383 0.005 -0.018)
- CIE Lab
- lab(28.29 1.96 -6.66)
- LCH
- lch(28.29 6.95 286.4)
- CMYK
- cmyk(14% 14% 0% 70%)
Tinte · Ombre · Toni
Tinte
- 53535D
- 64646E
- 76767E
- 888890
- 9B9BA1
- AEAEB4
- C2C2C6
- D6D6D9
- EAEAEC
Ombre
- 383842
- 2F2F37
- 25252C
- 1C1C22
- 141418
- 0B0B0F
- 050507
- 010102
- 000000
Toni
- 484852
- 4E4E57
- 54545C
- 5A5A61
- 606066
- 66666B
- 6D6D70
- 737376
- 797A7B
Armonie di colore
Complementare +180°
- 42424D
Flint Purple
- 444439
≈ Volcanic Stone Green
Analogo -30° +30°
- 42424D
Flint Purple
- 3D444D
≈ Blackbird
- 47404A
≈ Spinel Grey
Triadico +120° +240°
- 42424D
Flint Purple
- 4C403B
≈ Brown Pepper
- 3A4741
≈ Deep Forest
Complementare divisa +150° +210°
- 42424D
Flint Purple
- 494238
≈ Dried Dates
- 3F463C
≈ Deep Forest
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
AAASu bianco
WCAG 9.91:1 · APCA Lc 93
Ag
FailSu nero
WCAG 2.11:1 · APCA Lc 9
Miglior colore del testo: #FFFFFF
WCAG 9.91:1 (AAA) · APCA Lc 93
Contrast pairs
Frammenti di codice
CSS
:root {
--flint-purple: #42424d;
--flint-purple-rgb: 66 66 77;
--flint-purple-oklch: oklch(0.383 0.019 285.5);
}
.element {
color: var(--flint-purple);
background-color: hsl(240 8% 28%);
border-color: oklch(0.383 0.019 285.5);
}Tailwind CSS v4
@theme {
--color-flint-purple: #42424d;
--color-flint-purple-50: #f5f4fa;
--color-flint-purple-100: #e7e7ee;
--color-flint-purple-200: #d3d3dc;
--color-flint-purple-300: #b6b6c1;
--color-flint-purple-400: #9d9da9;
--color-flint-purple-500: #858592;
--color-flint-purple-600: #70707c;
--color-flint-purple-700: #5a5a63;
--color-flint-purple-800: #414249;
--color-flint-purple-900: #2d2d32;
--color-flint-purple-950: #1a1a1e;
}SCSS
$flint-purple: #42424d;
$flint-purple-rgb: 66, 66, 77;
$flint-purple-light: mix(#fff, $flint-purple, 20%);
$flint-purple-dark: mix(#000, $flint-purple, 20%);
.element {
color: $flint-purple;
box-shadow: 0 0 0 2px rgba($flint-purple, 0.35);
}