Colore con nome · #8B8072
Fallen Rock
Fallen Rock è #8B8072: rgb(139 128 114), hsl(34 10% 50%), oklch(0.606 0.025 73.9). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Fallen Rock color name →
#8B8072
oklch(0.606 0.025 73.9)
Conversioni di colore
- HEX
- #8b8072
- RGB
- rgb(139 128 114)
- HSL
- hsl(34 10% 50%)
- HWB
- hwb(34 45% 45%)
- OKLCH
- oklch(0.606 0.025 73.9)
- OKLab
- oklab(0.606 0.007 0.024)
- CIE Lab
- lab(54.28 2.5 9.22)
- LCH
- lch(54.28 9.55 74.8)
- CMYK
- cmyk(0% 8% 18% 45%)
Tinte · Ombre · Toni
Tinte
- 968C7F
- A1988D
- ACA49A
- B8B1A8
- C3BEB6
- CFCAC4
- DBD7D3
- E7E4E1
- F3F2F0
Ombre
- 786E62
- 665D53
- 544D44
- 433D36
- 322E28
- 231F1B
- 14120E
- 070604
- 010101
Toni
- 8A8073
- 898075
- 888076
- 878078
- 868079
- 84807B
- 83807C
- 82807D
- 81807F
Armonie di colore
Complementare +180°
- 8B8072
Fallen Rock
- 788391
≈ Link
Analogo -30° +30°
- 8B8072
Fallen Rock
- 8F7E76
≈ Spalding Grey
- 848372
≈ Hanover Pewter
Triadico +120° +240°
- 8B8072
Fallen Rock
- 728786
≈ Deep Thoughts
- 877E8C
≈ Mediaeval Wine
Complementare divisa +150° +210°
- 8B8072
Fallen Rock
- 73858D
≈ Adirondack Blue
- 808091
≈ Purpletone
Tetradico +90° +180° +270°
- 8B8072
Fallen Rock
- 75877E
≈ Limerick
- 788391
≈ Link
- 8D7C85
≈ Mediaeval Wine
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 3.86:1 · APCA Lc 66
Ag
AASu nero
WCAG 5.42:1 · APCA Lc 35
Miglior colore del testo: #000000
WCAG 5.42:1 (AA) · APCA Lc 35
Contrast pairs
Frammenti di codice
CSS
:root {
--fallen-rock: #8b8072;
--fallen-rock-rgb: 139 128 114;
--fallen-rock-oklch: oklch(0.606 0.025 73.9);
}
.element {
color: var(--fallen-rock);
background-color: hsl(34 10% 50%);
border-color: oklch(0.606 0.025 73.9);
}Tailwind CSS v4
@theme {
--color-fallen-rock: #8b8072;
--color-fallen-rock-50: #f9f4ee;
--color-fallen-rock-100: #ede7df;
--color-fallen-rock-200: #dad3c9;
--color-fallen-rock-300: #bfb6aa;
--color-fallen-rock-400: #a79d8f;
--color-fallen-rock-500: #908475;
--color-fallen-rock-600: #7a7063;
--color-fallen-rock-700: #62594f;
--color-fallen-rock-800: #484139;
--color-fallen-rock-900: #322d27;
--color-fallen-rock-950: #1e1a15;
}SCSS
$fallen-rock: #8b8072;
$fallen-rock-rgb: 139, 128, 114;
$fallen-rock-light: mix(#fff, $fallen-rock, 20%);
$fallen-rock-dark: mix(#000, $fallen-rock, 20%);
.element {
color: $fallen-rock;
box-shadow: 0 0 0 2px rgba($fallen-rock, 0.35);
}