Nazwany kolor · #59604F
Soft Olive
Soft Olive to #59604F: rgb(89 96 79), hsl(85 10% 34%), oklch(0.478 0.028 125.7). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Soft Olive color name →
#59604F
oklch(0.478 0.028 125.7)
Konwersje koloru
- HEX
- #59604f
- RGB
- rgb(89 96 79)
- HSL
- hsl(85 10% 34%)
- HWB
- hwb(85 31% 62%)
- OKLCH
- oklch(0.478 0.028 125.7)
- OKLab
- oklab(0.478 -0.016 0.023)
- CIE Lab
- lab(39.72 -5.41 8.78)
- LCH
- lch(39.72 10.32 121.6)
- CMYK
- cmyk(7% 0% 18% 62%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 686F5F
- 787E6F
- 878D80
- 989C91
- A8ACA3
- B9BCB5
- CACDC7
- DBDDD9
- EDEEEC
Odcienie ciemniejsze
- 4C5244
- 404538
- 34382E
- 282C23
- 1D2019
- 131510
- 090A07
- 030302
- 000000
Tony
- 5D6354
- 616659
- 64695D
- 686D62
- 6C7067
- 70736C
- 747671
- 787A76
- 7C7D7B
Harmonie kolorów
Komplementarna +180°
- 59604F
Soft Olive
- 61596A
≈ Gobelin Mauve
Analogowa -30° +30°
- 59604F
Soft Olive
- 625D4B
≈ Slick Green
- 516256
≈ Northern Glen
Triada +120° +240°
- 59604F
Soft Olive
- 505F6C
≈ Trekking Blue
- 6B575B
≈ Grand Plum
Komplementarna rozszczepiona +150° +210°
- 59604F
Soft Olive
- 585C6D
≈ Suede Indigo
- 675763
≈ Preservation Plum
Tetrada +90° +180° +270°
- 59604F
Soft Olive
- 4B6167
≈ Corundum Blue
- 61596A
≈ Gobelin Mauve
- 6C5852
≈ Somali Brown
Kontrast i dostępność
Ag
AANa bieli
WCAG 6.54:1 · APCA Lc 82
Ag
FailNa czerni
WCAG 3.21:1 · APCA Lc 19
Najlepszy kolor tekstu: #FFFFFF
WCAG 6.54:1 (AA) · APCA Lc 82
Contrast pairs
Fragmenty kodu
CSS
:root {
--soft-olive: #59604f;
--soft-olive-rgb: 89 96 79;
--soft-olive-oklch: oklch(0.478 0.028 125.7);
}
.element {
color: var(--soft-olive);
background-color: hsl(85 10% 34%);
border-color: oklch(0.478 0.028 125.7);
}Tailwind CSS v4
@theme {
--color-soft-olive: #59604f;
--color-soft-olive-50: #f3f7ee;
--color-soft-olive-100: #e5eae0;
--color-soft-olive-200: #d1d7ca;
--color-soft-olive-300: #b3baab;
--color-soft-olive-400: #9aa290;
--color-soft-olive-500: #828a76;
--color-soft-olive-600: #6e7564;
--color-soft-olive-700: #585d50;
--color-soft-olive-800: #40443a;
--color-soft-olive-900: #2c2f27;
--color-soft-olive-950: #191c16;
}SCSS
$soft-olive: #59604f;
$soft-olive-rgb: 89, 96, 79;
$soft-olive-light: mix(#fff, $soft-olive, 20%);
$soft-olive-dark: mix(#000, $soft-olive, 20%);
.element {
color: $soft-olive;
box-shadow: 0 0 0 2px rgba($soft-olive, 0.35);
}