Colore con nome · #C5C0B0
Stone Fortress
Stone Fortress è #C5C0B0: rgb(197 192 176), hsl(46 15% 73%), oklch(0.807 0.023 92.5). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Stone Fortress color name →
#C5C0B0
oklch(0.807 0.023 92.5)
Conversioni di colore
- HEX
- #c5c0b0
- RGB
- rgb(197 192 176)
- HSL
- hsl(46 15% 73%)
- HWB
- hwb(46 69% 23%)
- OKLCH
- oklch(0.807 0.023 92.5)
- OKLab
- oklab(0.807 -0.001 0.023)
- CIE Lab
- lab(77.78 -0.25 8.75)
- LCH
- lch(77.78 8.75 91.6)
- CMYK
- cmyk(0% 3% 11% 23%)
Tinte · Ombre · Toni
Tinte
- CBC6B8
- D0CCBF
- D6D3C7
- DCD9CF
- E2DFD7
- E7E5DF
- EDECE7
- F3F2EF
- F9F9F7
Ombre
- ABA799
- 928E82
- 79766C
- 615F56
- 4B4942
- 35342E
- 21201C
- 0E0E0B
- 020201
Toni
- BEB9AB
- B7B3A6
- B0ACA1
- A9A69D
- A29F98
- 9B9993
- 94938E
- 8D8C89
- 878685
Armonie di colore
Complementare +180°
- C5C0B0
Stone Fortress
- BBC0CF
≈ Mount Nirvana
Analogo -30° +30°
- C5C0B0
Stone Fortress
- CBBDB2
≈ Clean Sweep
- BDC3B3
≈ Seaside Fog
Triadico +120° +240°
- C5C0B0
Stone Fortress
- B0C4C9
≈ Yín Sè Silver
- C9BBC7
≈ Queen’s Violet
Complementare divisa +150° +210°
- C5C0B0
Stone Fortress
- B4C2CE
≈ Hazy
- C3BDCD
≈ Gentleman’s Suit
Tetradico +90° +180° +270°
- C5C0B0
Stone Fortress
- B1C5C1
≈ Jungle Mist
- BBC0CF
≈ Mount Nirvana
- CEBABF
≈ Pink Polar
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.81:1 · APCA Lc 34
Ag
AAASu nero
WCAG 11.54:1 · APCA Lc 69
Miglior colore del testo: #000000
WCAG 11.54:1 (AAA) · APCA Lc 69
Contrast pairs
Frammenti di codice
CSS
:root {
--stone-fortress: #c5c0b0;
--stone-fortress-rgb: 197 192 176;
--stone-fortress-oklch: oklch(0.807 0.023 92.5);
}
.element {
color: var(--stone-fortress);
background-color: hsl(46 15% 73%);
border-color: oklch(0.807 0.023 92.5);
}Tailwind CSS v4
@theme {
--color-stone-fortress: #c5c0b0;
--color-stone-fortress-50: #f7f5ee;
--color-stone-fortress-100: #eae8e0;
--color-stone-fortress-200: #d7d4ca;
--color-stone-fortress-300: #bbb7ab;
--color-stone-fortress-400: #a39e90;
--color-stone-fortress-500: #8b8675;
--color-stone-fortress-600: #767164;
--color-stone-fortress-700: #5e5b4f;
--color-stone-fortress-800: #45423a;
--color-stone-fortress-900: #302e27;
--color-stone-fortress-950: #1c1a16;
}SCSS
$stone-fortress: #c5c0b0;
$stone-fortress-rgb: 197, 192, 176;
$stone-fortress-light: mix(#fff, $stone-fortress, 20%);
$stone-fortress-dark: mix(#000, $stone-fortress, 20%);
.element {
color: $stone-fortress;
box-shadow: 0 0 0 2px rgba($stone-fortress, 0.35);
}