Nazwany kolor · #8E8572
Silver Sage
Silver Sage to #8E8572: rgb(142 133 114), hsl(41 11% 50%), oklch(0.619 0.03 85.7). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Silver Sage color name →
#8E8572
oklch(0.619 0.03 85.7)
Konwersje koloru
- HEX
- #8e8572
- RGB
- rgb(142 133 114)
- HSL
- hsl(41 11% 50%)
- HWB
- hwb(41 45% 44%)
- OKLCH
- oklch(0.619 0.03 85.7)
- OKLab
- oklab(0.619 0.002 0.03)
- CIE Lab
- lab(55.94 1.05 11.57)
- LCH
- lch(55.94 11.62 84.8)
- CMYK
- cmyk(0% 6% 20% 44%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 99917F
- A49C8D
- AFA89A
- BAB4A8
- C5C0B6
- D0CDC4
- DCD9D3
- E7E6E1
- F3F2F0
Odcienie ciemniejsze
- 7B7362
- 686153
- 565044
- 444036
- 343028
- 24211B
- 15130E
- 070604
- 010101
Tony
- 8D8573
- 8B8475
- 8A8476
- 888378
- 878379
- 86827B
- 84827C
- 83817D
- 81817F
Harmonie kolorów
Komplementarna +180°
- 8E8572
Silver Sage
- 7D8698
≈ Salon Bleu
Analogowa -30° +30°
- 8E8572
Silver Sage
- 958275
≈ Dry Brown
- 858874
≈ Paris Creek
Triada +120° +240°
- 8E8572
Silver Sage
- 728B8F
≈ Leisure Time
- 908090
≈ Plum Swirl
Komplementarna rozszczepiona +150° +210°
- 8E8572
Silver Sage
- 758996
≈ Bluish Grey
- 878396
≈ Mecha Metal
Tetrada +90° +180° +270°
- 8E8572
Silver Sage
- 748C85
≈ Gumbo
- 7D8698
≈ Salon Bleu
- 957F86
≈ Toadstool Soup
Kontrast i dostępność
Ag
FailNa bieli
WCAG 3.65:1 · APCA Lc 64
Ag
AANa czerni
WCAG 5.74:1 · APCA Lc 38
Najlepszy kolor tekstu: #000000
WCAG 5.74:1 (AA) · APCA Lc 38
Contrast pairs
Fragmenty kodu
CSS
:root {
--silver-sage: #8e8572;
--silver-sage-rgb: 142 133 114;
--silver-sage-oklch: oklch(0.619 0.03 85.7);
}
.element {
color: var(--silver-sage);
background-color: hsl(41 11% 50%);
border-color: oklch(0.619 0.03 85.7);
}Tailwind CSS v4
@theme {
--color-silver-sage: #8e8572;
--color-silver-sage-50: #f9f5ec;
--color-silver-sage-100: #ece7dd;
--color-silver-sage-200: #d9d4c6;
--color-silver-sage-300: #beb7a7;
--color-silver-sage-400: #a69e8b;
--color-silver-sage-500: #8f8570;
--color-silver-sage-600: #79715f;
--color-silver-sage-700: #615a4c;
--color-silver-sage-800: #474237;
--color-silver-sage-900: #312d25;
--color-silver-sage-950: #1d1a14;
}SCSS
$silver-sage: #8e8572;
$silver-sage-rgb: 142, 133, 114;
$silver-sage-light: mix(#fff, $silver-sage, 20%);
$silver-sage-dark: mix(#000, $silver-sage, 20%);
.element {
color: $silver-sage;
box-shadow: 0 0 0 2px rgba($silver-sage, 0.35);
}