Nazwany kolor · #7B8476
Lush Sage
Lush Sage to #7B8476: rgb(123 132 118), hsl(99 6% 49%), oklch(0.602 0.023 134.2). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Lush Sage color name →
#7B8476
oklch(0.602 0.023 134.2)
Konwersje koloru
- HEX
- #7b8476
- RGB
- rgb(123 132 118)
- HSL
- hsl(99 6% 49%)
- HWB
- hwb(99 46% 48%)
- OKLCH
- oklch(0.602 0.023 134.2)
- OKLab
- oklab(0.602 -0.016 0.017)
- CIE Lab
- lab(54.08 -5.51 6.39)
- LCH
- lch(54.08 8.44 130.8)
- CMYK
- cmyk(7% 0% 11% 48%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 879083
- 949B90
- A1A79D
- AEB3AB
- BBC0B8
- C8CCC6
- D6D9D4
- E3E5E2
- F1F2F1
Odcienie ciemniejsze
- 6A7266
- 5A6056
- 4A4F47
- 3A3F38
- 2C2F29
- 1E201C
- 10120F
- 050605
- 010101
Tony
- 7C8477
- 7C8378
- 7D8379
- 7D827A
- 7E827B
- 7E827C
- 7F817D
- 7F817E
- 80807F
Harmonie kolorów
Komplementarna +180°
- 7B8476
Lush Sage
- 867D8B
≈ High Note
Analogowa -30° +30°
- 7B8476
Lush Sage
- 838272
≈ Tortuga
- 74857D
≈ Armour
Triada +120° +240°
- 7B8476
Lush Sage
- 77828F
≈ Link
- 8E7B7C
≈ Ashen Violet
Komplementarna rozszczepiona +150° +210°
- 7B8476
Lush Sage
- 7F7F8F
≈ Majestic Mount
- 8B7B84
≈ Mediaeval Wine
Tetrada +90° +180° +270°
- 7B8476
Lush Sage
- 72848B
≈ Blustery Sky
- 867D8B
≈ High Note
- 8D7D76
≈ Cinnamon Toast
Kontrast i dostępność
Ag
FailNa bieli
WCAG 3.88:1 · APCA Lc 66
Ag
AANa czerni
WCAG 5.40:1 · APCA Lc 35
Najlepszy kolor tekstu: #000000
WCAG 5.40:1 (AA) · APCA Lc 35
Contrast pairs
Fragmenty kodu
CSS
:root {
--lush-sage: #7b8476;
--lush-sage-rgb: 123 132 118;
--lush-sage-oklch: oklch(0.602 0.023 134.2);
}
.element {
color: var(--lush-sage);
background-color: hsl(99 6% 49%);
border-color: oklch(0.602 0.023 134.2);
}Tailwind CSS v4
@theme {
--color-lush-sage: #7b8476;
--color-lush-sage-50: #f2f7f0;
--color-lush-sage-100: #e4eae2;
--color-lush-sage-200: #d0d7cd;
--color-lush-sage-300: #b2baaf;
--color-lush-sage-400: #99a294;
--color-lush-sage-500: #808a7a;
--color-lush-sage-600: #6c7568;
--color-lush-sage-700: #575d53;
--color-lush-sage-800: #3f443c;
--color-lush-sage-900: #2c2f29;
--color-lush-sage-950: #191c17;
}SCSS
$lush-sage: #7b8476;
$lush-sage-rgb: 123, 132, 118;
$lush-sage-light: mix(#fff, $lush-sage, 20%);
$lush-sage-dark: mix(#000, $lush-sage, 20%);
.element {
color: $lush-sage;
box-shadow: 0 0 0 2px rgba($lush-sage, 0.35);
}