Colore con nome · #9C9584
Calico Rock
Calico Rock è #9C9584: rgb(156 149 132), hsl(42 11% 56%), oklch(0.671 0.026 88.3). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Calico Rock color name →
#9C9584
oklch(0.671 0.026 88.3)
Conversioni di colore
- HEX
- #9c9584
- RGB
- rgb(156 149 132)
- HSL
- hsl(42 11% 56%)
- HWB
- hwb(42 52% 39%)
- OKLCH
- oklch(0.671 0.026 88.3)
- OKLab
- oklab(0.671 0.001 0.026)
- CIE Lab
- lab(61.95 0.44 9.99)
- LCH
- lch(61.95 10 87.5)
- CMYK
- cmyk(0% 4% 15% 39%)
Tinte · Ombre · Toni
Tinte
- A59F90
- AFA99C
- B9B4A7
- C3BEB4
- CCC9C0
- D6D3CC
- E0DED9
- EBE9E5
- F5F4F2
Ombre
- 878172
- 736D60
- 5F5A4F
- 4C483F
- 39372F
- 282620
- 181612
- 090806
- 010101
Toni
- 999384
- 969183
- 948F83
- 918D83
- 8E8A82
- 8B8882
- 888681
- 868481
- 838280
Armonie di colore
Complementare +180°
- 9C9584
Calico Rock
- 8F95A6
≈ Trance
Analogo -30° +30°
- 9C9584
Calico Rock
- A29286
≈ Chatura Beige
- 949886
≈ California Sagebrush
Triadico +120° +240°
- 9C9584
Calico Rock
- 849A9E
≈ Miles
- 9F909E
≈ Cut Heather
Complementare divisa +150° +210°
- 9C9584
Calico Rock
- 8898A4
≈ Hamilton Blue
- 9792A4
≈ Alienator Grey
Tetradico +90° +180° +270°
- 9C9584
Calico Rock
- 859B95
≈ Rainy Afternoon
- 8F95A6
≈ Trance
- A48F95
≈ Nirvana
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.98:1 · APCA Lc 56
Ag
AAASu nero
WCAG 7.04:1 · APCA Lc 45
Miglior colore del testo: #000000
WCAG 7.04:1 (AAA) · APCA Lc 45
Contrast pairs
Frammenti di codice
CSS
:root {
--calico-rock: #9c9584;
--calico-rock-rgb: 156 149 132;
--calico-rock-oklch: oklch(0.671 0.026 88.3);
}
.element {
color: var(--calico-rock);
background-color: hsl(42 11% 56%);
border-color: oklch(0.671 0.026 88.3);
}Tailwind CSS v4
@theme {
--color-calico-rock: #9c9584;
--color-calico-rock-50: #f8f5ed;
--color-calico-rock-100: #ebe8de;
--color-calico-rock-200: #d8d4c8;
--color-calico-rock-300: #bcb7a9;
--color-calico-rock-400: #a59e8e;
--color-calico-rock-500: #8d8673;
--color-calico-rock-600: #777162;
--color-calico-rock-700: #605a4e;
--color-calico-rock-800: #464238;
--color-calico-rock-900: #312d27;
--color-calico-rock-950: #1d1a15;
}SCSS
$calico-rock: #9c9584;
$calico-rock-rgb: 156, 149, 132;
$calico-rock-light: mix(#fff, $calico-rock, 20%);
$calico-rock-dark: mix(#000, $calico-rock, 20%);
.element {
color: $calico-rock;
box-shadow: 0 0 0 2px rgba($calico-rock, 0.35);
}