Nazwany kolor · #8C8B76
Dry Sage
Dry Sage to #8C8B76: rgb(140 139 118), hsl(57 9% 51%), oklch(0.632 0.03 105). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Dry Sage color name →
#8C8B76
oklch(0.632 0.03 105)
Konwersje koloru
- HEX
- #8c8b76
- RGB
- rgb(140 139 118)
- HSL
- hsl(57 9% 51%)
- HWB
- hwb(57 46% 45%)
- OKLCH
- oklch(0.632 0.03 105)
- OKLab
- oklab(0.632 -0.008 0.029)
- CIE Lab
- lab(57.5 -2.44 11.43)
- LCH
- lch(57.5 11.69 102)
- CMYK
- cmyk(0% 1% 16% 45%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 979683
- A2A190
- ADAC9D
- B8B8AB
- C4C3B8
- CFCFC6
- DBDBD4
- E7E7E2
- F3F3F1
Odcienie ciemniejsze
- 797866
- 676656
- 555447
- 434338
- 333229
- 23231C
- 14140F
- 070705
- 010101
Tony
- 8B8A77
- 8A8978
- 888879
- 87877A
- 86867B
- 85847C
- 84837D
- 82827E
- 81817F
Harmonie kolorów
Komplementarna +180°
- 8C8B76
Dry Sage
- 87879C
≈ Dusty Chimney
Analogowa -30° +30°
- 8C8B76
Dry Sage
- 958776
≈ On the Avenue
- 828E7C
≈ Ginkgo Tree
Triada +120° +240°
- 8C8B76
Dry Sage
- 778E98
≈ Sheltered Bay
- 98838E
≈ Quail
Komplementarna rozszczepiona +150° +210°
- 8C8B76
Dry Sage
- 7E8B9C
≈ Prophetic Sea
- 918497
≈ Purple Ash
Tetrada +90° +180° +270°
Kontrast i dostępność
Ag
FailNa bieli
WCAG 3.45:1 · APCA Lc 62
Ag
AANa czerni
WCAG 6.06:1 · APCA Lc 40
Najlepszy kolor tekstu: #000000
WCAG 6.06:1 (AA) · APCA Lc 40
Contrast pairs
Fragmenty kodu
CSS
:root {
--dry-sage: #8c8b76;
--dry-sage-rgb: 140 139 118;
--dry-sage-oklch: oklch(0.632 0.03 105);
}
.element {
color: var(--dry-sage);
background-color: hsl(57 9% 51%);
border-color: oklch(0.632 0.03 105);
}Tailwind CSS v4
@theme {
--color-dry-sage: #8c8b76;
--color-dry-sage-50: #f6f6ec;
--color-dry-sage-100: #e9e9dd;
--color-dry-sage-200: #d5d5c7;
--color-dry-sage-300: #b9b9a7;
--color-dry-sage-400: #a1a08b;
--color-dry-sage-500: #898871;
--color-dry-sage-600: #74735f;
--color-dry-sage-700: #5d5c4c;
--color-dry-sage-800: #444337;
--color-dry-sage-900: #2f2e26;
--color-dry-sage-950: #1c1b14;
}SCSS
$dry-sage: #8c8b76;
$dry-sage-rgb: 140, 139, 118;
$dry-sage-light: mix(#fff, $dry-sage, 20%);
$dry-sage-dark: mix(#000, $dry-sage, 20%);
.element {
color: $dry-sage;
box-shadow: 0 0 0 2px rgba($dry-sage, 0.35);
}