Colore con nome · #68766E
Sirocco
Sirocco è #68766E: rgb(104 118 110), hsl(146 6% 44%), oklch(0.552 0.021 160.6). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Sirocco color name →
#68766E
oklch(0.552 0.021 160.6)
Conversioni di colore
- HEX
- #68766e
- RGB
- rgb(104 118 110)
- HSL
- hsl(146 6% 44%)
- HWB
- hwb(146 41% 54%)
- OKLCH
- oklch(0.552 0.021 160.6)
- OKLab
- oklab(0.552 -0.02 0.007)
- CIE Lab
- lab(48.28 -6.69 2.56)
- LCH
- lch(48.28 7.16 159.1)
- CMYK
- cmyk(12% 0% 7% 54%)
Tinte · Ombre · Toni
Tinte
- 76837B
- 849089
- 939D97
- A2ABA5
- B1B8B4
- C0C6C2
- CFD4D1
- DFE2E0
- EFF0F0
Ombre
- 59665F
- 4B5650
- 3E4741
- 303833
- 242926
- 181C19
- 0C0F0E
- 040504
- 000101
Toni
- 6A7770
- 6D7872
- 6F7973
- 727A75
- 747B77
- 767C79
- 797D7B
- 7B7E7C
- 7E7F7E
Armonie di colore
Complementare +180°
- 68766E
Sirocco
- 7B6E76
≈ Lavender Elegance
Analogo -30° +30°
- 68766E
Sirocco
- 6E7568
≈ Evergreen Trail
- 657675
≈ North Grey
Triadico +120° +240°
- 68766E
Sirocco
- 6F717E
≈ Paisley
- 7D6E69
≈ Hickory Cliff
Complementare divisa +150° +210°
- 68766E
Sirocco
- 766F7B
≈ Mamba
- 7E6D6F
≈ Dusky Cyclamen
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
AASu bianco
WCAG 4.76:1 · APCA Lc 73
Ag
FailSu nero
WCAG 4.40:1 · APCA Lc 29
Miglior colore del testo: #FFFFFF
WCAG 4.76:1 (AA) · APCA Lc 73
Contrast pairs
Frammenti di codice
CSS
:root {
--sirocco: #68766e;
--sirocco-rgb: 104 118 110;
--sirocco-oklch: oklch(0.552 0.021 160.6);
}
.element {
color: var(--sirocco);
background-color: hsl(146 6% 44%);
border-color: oklch(0.552 0.021 160.6);
}Tailwind CSS v4
@theme {
--color-sirocco: #68766e;
--color-sirocco-50: #f0f7f3;
--color-sirocco-100: #e2eae6;
--color-sirocco-200: #cdd7d2;
--color-sirocco-300: #aebbb4;
--color-sirocco-400: #94a29a;
--color-sirocco-500: #7b8b82;
--color-sirocco-600: #68756e;
--color-sirocco-700: #535e58;
--color-sirocco-800: #3d4540;
--color-sirocco-900: #2a2f2c;
--color-sirocco-950: #171c19;
}SCSS
$sirocco: #68766e;
$sirocco-rgb: 104, 118, 110;
$sirocco-light: mix(#fff, $sirocco, 20%);
$sirocco-dark: mix(#000, $sirocco, 20%);
.element {
color: $sirocco;
box-shadow: 0 0 0 2px rgba($sirocco, 0.35);
}