Colore con nome · #464159
Club Grey
Club Grey è #464159: rgb(70 65 89), hsl(253 16% 30%), oklch(0.39 0.041 294). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Purple mean? → · Club Grey color name →
#464159
oklch(0.39 0.041 294)
Conversioni di colore
- HEX
- #464159
- RGB
- rgb(70 65 89)
- HSL
- hsl(253 16% 30%)
- HWB
- hwb(253 25% 65%)
- OKLCH
- oklch(0.39 0.041 294)
- OKLab
- oklab(0.39 0.017 -0.037)
- CIE Lab
- lab(28.79 6.54 -13.61)
- LCH
- lch(28.79 15.11 295.7)
- CMYK
- cmyk(21% 27% 0% 65%)
Tinte · Ombre · Toni
Tinte
- 565268
- 676378
- 797588
- 8B8898
- 9D9BA9
- B0AEB9
- C3C2CA
- D7D6DC
- EBEAED
Ombre
- 3C374C
- 322E40
- 282534
- 1E1C28
- 15131D
- 0D0B13
- 050509
- 020103
- 000000
Toni
- 4B475D
- 514D61
- 575365
- 5C5A69
- 62606D
- 686670
- 6E6D74
- 747378
- 7A797C
Armonie di colore
Complementare +180°
- 464159
Club Grey
- 45482E
≈ Rifle Green
Analogo -30° +30°
- 464159
Club Grey
- 3A455B
≈ Diplomatic
- 503E52
≈ Amethyst Dark Violet
Triadico +120° +240°
- 464159
Club Grey
- 573F30
≈ Lounge Leather
- 2D4C43
≈ Peacock House
Complementare divisa +150° +210°
- 464159
Club Grey
- 4F432B
≈ Deep Bronze
- 384B37
≈ Mountain View
Tetradico +90° +180° +270°
- 464159
Club Grey
- 593D3A
≈ Rich Loam
- 45482E
≈ Rifle Green
- 294C4F
≈ Seagrass Green
Contrasto e accessibilità
Ag
AAASu bianco
WCAG 9.71:1 · APCA Lc 93
Ag
FailSu nero
WCAG 2.16:1 · APCA Lc 10
Miglior colore del testo: #FFFFFF
WCAG 9.71:1 (AAA) · APCA Lc 93
Contrast pairs
Frammenti di codice
CSS
:root {
--club-grey: #464159;
--club-grey-rgb: 70 65 89;
--club-grey-oklch: oklch(0.39 0.041 294);
}
.element {
color: var(--club-grey);
background-color: hsl(253 16% 30%);
border-color: oklch(0.39 0.041 294);
}Tailwind CSS v4
@theme {
--color-club-grey: #464159;
--color-club-grey-50: #f6f3ff;
--color-club-grey-100: #e9e5f4;
--color-club-grey-200: #d5d1e4;
--color-club-grey-300: #b9b4ca;
--color-club-grey-400: #9f9ab5;
--color-club-grey-500: #87819f;
--color-club-grey-600: #726e86;
--color-club-grey-700: #5b586c;
--color-club-grey-800: #424050;
--color-club-grey-900: #2e2c37;
--color-club-grey-950: #1b1922;
}SCSS
$club-grey: #464159;
$club-grey-rgb: 70, 65, 89;
$club-grey-light: mix(#fff, $club-grey, 20%);
$club-grey-dark: mix(#000, $club-grey, 20%);
.element {
color: $club-grey;
box-shadow: 0 0 0 2px rgba($club-grey, 0.35);
}