Colore con nome · #828E74
Mossy Statue
Mossy Statue è #828E74: rgb(130 142 116), hsl(88 10% 51%), oklch(0.63 0.04 127.7). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Green mean? → · Mossy Statue color name →
#828E74
oklch(0.63 0.04 127.7)
Conversioni di colore
- HEX
- #828e74
- RGB
- rgb(130 142 116)
- HSL
- hsl(88 10% 51%)
- HWB
- hwb(88 45% 44%)
- OKLCH
- oklch(0.63 0.04 127.7)
- OKLab
- oklab(0.63 -0.025 0.032)
- CIE Lab
- lab(57.48 -8.22 12.37)
- LCH
- lch(57.48 14.85 123.6)
- CMYK
- cmyk(8% 0% 18% 44%)
Tinte · Ombre · Toni
Tinte
- 8E9981
- 9AA48E
- A6AF9C
- B2BAAA
- BFC5B7
- CBD0C5
- D8DCD4
- E5E8E2
- F2F3F0
Ombre
- 707B64
- 5F6854
- 4E5645
- 3E4437
- 2F3429
- 20241B
- 12150F
- 060705
- 010101
Toni
- 828D75
- 828B77
- 818A78
- 818879
- 81877A
- 81867B
- 81847D
- 80837E
- 80817F
Armonie di colore
Complementare +180°
- 828E74
Mossy Statue
- 90839C
≈ Hatoba Pigeon
Analogo -30° +30°
- 828E74
Mossy Statue
- 8F8A6E
≈ Executive Course
- 759180
≈ Rainford
Triadico +120° +240°
- 828E74
Mossy Statue
- 768CA1
≈ Blue Grey
- A07F84
≈ Plumville
Complementare divisa +150° +210°
- 828E74
Mossy Statue
- 8387A2
≈ Velvet Curtain
- 9A8092
≈ Garden Plum
Tetradico +90° +180° +270°
- 828E74
Mossy Statue
- 6E8F99
≈ Pulitzer Blue
- 90839C
≈ Hatoba Pigeon
- A08178
≈ Modern Mocha
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 3.45:1 · APCA Lc 62
Ag
AASu nero
WCAG 6.07:1 · APCA Lc 40
Miglior colore del testo: #000000
WCAG 6.07:1 (AA) · APCA Lc 40
Contrast pairs
Frammenti di codice
CSS
:root {
--mossy-statue: #828e74;
--mossy-statue-rgb: 130 142 116;
--mossy-statue-oklch: oklch(0.63 0.04 127.7);
}
.element {
color: var(--mossy-statue);
background-color: hsl(88 10% 51%);
border-color: oklch(0.63 0.04 127.7);
}Tailwind CSS v4
@theme {
--color-mossy-statue: #828e74;
--color-mossy-statue-50: #f1f8ec;
--color-mossy-statue-100: #e3ebdd;
--color-mossy-statue-200: #cfd8c6;
--color-mossy-statue-300: #b1bca6;
--color-mossy-statue-400: #98a38a;
--color-mossy-statue-500: #7e8c6f;
--color-mossy-statue-600: #6b765e;
--color-mossy-statue-700: #565e4b;
--color-mossy-statue-800: #3f4536;
--color-mossy-statue-900: #2b3025;
--color-mossy-statue-950: #191c13;
}SCSS
$mossy-statue: #828e74;
$mossy-statue-rgb: 130, 142, 116;
$mossy-statue-light: mix(#fff, $mossy-statue, 20%);
$mossy-statue-dark: mix(#000, $mossy-statue, 20%);
.element {
color: $mossy-statue;
box-shadow: 0 0 0 2px rgba($mossy-statue, 0.35);
}