Colore con nome · #646B59
Shire
Shire è #646B59: rgb(100 107 89), hsl(83 9% 38%), oklch(0.516 0.029 124.7). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Shire color name →
#646B59
oklch(0.516 0.029 124.7)
Conversioni di colore
- HEX
- #646b59
- RGB
- rgb(100 107 89)
- HSL
- hsl(83 9% 38%)
- HWB
- hwb(83 35% 58%)
- OKLCH
- oklch(0.516 0.029 124.7)
- OKLab
- oklab(0.516 -0.016 0.024)
- CIE Lab
- lab(44.21 -5.46 9.18)
- LCH
- lch(44.21 10.68 120.7)
- CMYK
- cmyk(7% 0% 17% 58%)
Tinte · Ombre · Toni
Tinte
- 727968
- 818778
- 909588
- 9FA398
- AEB2A8
- BEC1B9
- CED0CA
- DEE0DC
- EEEFED
Ombre
- 565C4C
- 484E40
- 3B3F34
- 2E3228
- 22251D
- 161813
- 0B0D09
- 030403
- 000000
Toni
- 676D5D
- 696F61
- 6C7165
- 6F7368
- 72756C
- 757870
- 777A74
- 7A7C78
- 7D7E7C
Armonie di colore
Complementare +180°
- 646B59
Shire
- 6B6476
≈ Purple Punch
Analogo -30° +30°
- 646B59
Shire
- 6D6855
≈ Aged Jade
- 5B6D61
≈ Windrock
Triadico +120° +240°
- 646B59
Shire
- 5A6A78
≈ Blue Insignia
- 776166
≈ Pretty Puce
Complementare divisa +150° +210°
- 646B59
Shire
- 636779
≈ Folkstone Grey
- 73626F
≈ Purple Kasbah
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
AASu bianco
WCAG 5.54:1 · APCA Lc 78
Ag
FailSu nero
WCAG 3.78:1 · APCA Lc 24
Miglior colore del testo: #FFFFFF
WCAG 5.54:1 (AA) · APCA Lc 78
Contrast pairs
Frammenti di codice
CSS
:root {
--shire: #646b59;
--shire-rgb: 100 107 89;
--shire-oklch: oklch(0.516 0.029 124.7);
}
.element {
color: var(--shire);
background-color: hsl(83 9% 38%);
border-color: oklch(0.516 0.029 124.7);
}Tailwind CSS v4
@theme {
--color-shire: #646b59;
--color-shire-50: #f3f7ee;
--color-shire-100: #e5eae0;
--color-shire-200: #d1d7ca;
--color-shire-300: #b3baab;
--color-shire-400: #9aa28f;
--color-shire-500: #828a75;
--color-shire-600: #6e7563;
--color-shire-700: #585d4f;
--color-shire-800: #404439;
--color-shire-900: #2c2f27;
--color-shire-950: #191c15;
}SCSS
$shire: #646b59;
$shire-rgb: 100, 107, 89;
$shire-light: mix(#fff, $shire, 20%);
$shire-dark: mix(#000, $shire, 20%);
.element {
color: $shire;
box-shadow: 0 0 0 2px rgba($shire, 0.35);
}