Colore con nome · #948F82
Stony Creek
Stony Creek è #948F82: rgb(148 143 130), hsl(43 8% 55%), oklch(0.651 0.02 89.4). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Stony Creek color name →
#948F82
oklch(0.651 0.02 89.4)
Conversioni di colore
- HEX
- #948f82
- RGB
- rgb(148 143 130)
- HSL
- hsl(43 8% 55%)
- HWB
- hwb(43 51% 42%)
- OKLCH
- oklch(0.651 0.02 89.4)
- OKLab
- oklab(0.651 0 0.02)
- CIE Lab
- lab(59.56 0.16 7.64)
- LCH
- lch(59.56 7.64 88.8)
- CMYK
- cmyk(0% 3% 12% 42%)
Tinte · Ombre · Toni
Tinte
- 9E9A8E
- A9A49A
- B3AFA6
- BEBAB2
- C8C6BF
- D3D1CB
- DEDCD8
- E9E8E5
- F4F3F2
Ombre
- 807C70
- 6D695F
- 5A574E
- 48453E
- 36342F
- 262420
- 161512
- 080706
- 010101
Toni
- 928D82
- 908C82
- 8E8A81
- 8C8981
- 8A8781
- 888681
- 868481
- 848380
- 828180
Armonie di colore
Complementare +180°
- 948F82
Stony Creek
- 8A8F9C
≈ Flannel Pyjamas
Analogo -30° +30°
- 948F82
Stony Creek
- 998D84
≈ Eiffel Tower
- 8E9184
≈ Stone Creek
Triadico +120° +240°
- 948F82
Stony Creek
- 829396
≈ Shady Grey
- 978B95
≈ Minimal Grey
Complementare divisa +150° +210°
- 948F82
Stony Creek
- 85919A
≈ Steele Blue
- 918D9A
≈ Minimal Grey
Tetradico +90° +180° +270°
- 948F82
Stony Creek
- 839490
≈ Raindance
- 8A8F9C
≈ Flannel Pyjamas
- 9A8B8F
≈ Hatoba-Nezumi Grey
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 3.22:1 · APCA Lc 60
Ag
AASu nero
WCAG 6.51:1 · APCA Lc 42
Miglior colore del testo: #000000
WCAG 6.51:1 (AA) · APCA Lc 42
Contrast pairs
Frammenti di codice
CSS
:root {
--stony-creek: #948f82;
--stony-creek-rgb: 148 143 130;
--stony-creek-oklch: oklch(0.651 0.02 89.4);
}
.element {
color: var(--stony-creek);
background-color: hsl(43 8% 55%);
border-color: oklch(0.651 0.02 89.4);
}Tailwind CSS v4
@theme {
--color-stony-creek: #948f82;
--color-stony-creek-50: #f7f5ef;
--color-stony-creek-100: #eae8e1;
--color-stony-creek-200: #d7d4cb;
--color-stony-creek-300: #bbb7ac;
--color-stony-creek-400: #a39e92;
--color-stony-creek-500: #8b8678;
--color-stony-creek-600: #767165;
--color-stony-creek-700: #5e5b51;
--color-stony-creek-800: #45423b;
--color-stony-creek-900: #302e28;
--color-stony-creek-950: #1c1a16;
}SCSS
$stony-creek: #948f82;
$stony-creek-rgb: 148, 143, 130;
$stony-creek-light: mix(#fff, $stony-creek, 20%);
$stony-creek-dark: mix(#000, $stony-creek, 20%);
.element {
color: $stony-creek;
box-shadow: 0 0 0 2px rgba($stony-creek, 0.35);
}