Colore con nome · #807E77
Fieldstone
Fieldstone è #807E77: rgb(128 126 119), hsl(47 4% 48%), oklch(0.593 0.011 93.6). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Fieldstone color name →
#807E77
oklch(0.593 0.011 93.6)
Conversioni di colore
- HEX
- #807e77
- RGB
- rgb(128 126 119)
- HSL
- hsl(47 4% 48%)
- HWB
- hwb(47 47% 50%)
- OKLCH
- oklch(0.593 0.011 93.6)
- OKLab
- oklab(0.593 -0.001 0.011)
- CIE Lab
- lab(52.82 -0.22 4.11)
- LCH
- lch(52.82 4.11 93)
- CMYK
- cmyk(0% 2% 7% 50%)
Tinte · Ombre · Toni
Tinte
- 8C8A84
- 989691
- A4A39E
- B1B0AB
- BDBCB9
- CAC9C6
- D7D7D4
- E4E4E2
- F2F1F1
Ombre
- 6E6D67
- 5D5C57
- 4D4C47
- 3D3C38
- 2E2D2A
- 1F1F1C
- 121110
- 060505
- 010101
Toni
- 807E78
- 807E79
- 807F7A
- 807F7B
- 807F7C
- 807F7C
- 807F7D
- 80807E
- 80807F
Armonie di colore
Complementare +180°
- 807E77
Fieldstone
- 7C7E85
≈ Cowboy Spur
Analogo -30° +30°
- 807E77
Fieldstone
- 837D78
≈ Chain Link
- 7D7F78
≈ Coastal Storm
Triadico +120° +240°
- 807E77
Fieldstone
- 778082
≈ Peak Point
- 827C81
≈ Silver Filigree
Complementare divisa +150° +210°
- 807E77
Fieldstone
- 797F84
≈ Cowboy Spur
- 7F7D83
≈ Silver Filigree
Tetradico +90° +180° +270°
- 807E77
Fieldstone
- 77807F
≈ Adrift at Sea
- 7C7E85
≈ Cowboy Spur
- 847B7D
≈ Sensuous Grey
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 4.06:1 · APCA Lc 68
Ag
AASu nero
WCAG 5.16:1 · APCA Lc 34
Miglior colore del testo: #000000
WCAG 5.16:1 (AA) · APCA Lc 34
Contrast pairs
Frammenti di codice
CSS
:root {
--fieldstone: #807e77;
--fieldstone-rgb: 128 126 119;
--fieldstone-oklch: oklch(0.593 0.011 93.6);
}
.element {
color: var(--fieldstone);
background-color: hsl(47 4% 48%);
border-color: oklch(0.593 0.011 93.6);
}Tailwind CSS v4
@theme {
--color-fieldstone: #807e77;
--color-fieldstone-50: #f6f5f2;
--color-fieldstone-100: #e9e8e4;
--color-fieldstone-200: #d5d4cf;
--color-fieldstone-300: #b9b7b1;
--color-fieldstone-400: #a09e97;
--color-fieldstone-500: #88867e;
--color-fieldstone-600: #73726b;
--color-fieldstone-700: #5c5b55;
--color-fieldstone-800: #44423e;
--color-fieldstone-900: #2f2e2b;
--color-fieldstone-950: #1b1b18;
}SCSS
$fieldstone: #807e77;
$fieldstone-rgb: 128, 126, 119;
$fieldstone-light: mix(#fff, $fieldstone, 20%);
$fieldstone-dark: mix(#000, $fieldstone, 20%);
.element {
color: $fieldstone;
box-shadow: 0 0 0 2px rgba($fieldstone, 0.35);
}