Nazwany kolor · #7D8574
Leafy Lichen
Leafy Lichen to #7D8574: rgb(125 133 116), hsl(88 7% 49%), oklch(0.605 0.027 127.8). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Leafy Lichen color name →
#7D8574
oklch(0.605 0.027 127.8)
Konwersje koloru
- HEX
- #7d8574
- RGB
- rgb(125 133 116)
- HSL
- hsl(88 7% 49%)
- HWB
- hwb(88 45% 48%)
- OKLCH
- oklch(0.605 0.027 127.8)
- OKLab
- oklab(0.605 -0.016 0.021)
- CIE Lab
- lab(54.49 -5.53 8.14)
- LCH
- lch(54.49 9.84 124.2)
- CMYK
- cmyk(6% 0% 13% 48%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 899181
- 969C8E
- A2A89C
- AFB4A9
- BCC0B7
- C9CDC5
- D6D9D3
- E4E6E2
- F1F2F0
Odcienie ciemniejsze
- 6C7364
- 5B6154
- 4B5045
- 3B4037
- 2C3029
- 1E211B
- 11130F
- 050605
- 010101
Tony
- 7D8575
- 7E8476
- 7E8478
- 7E8379
- 7F837A
- 7F827B
- 7F827C
- 7F817E
- 80817F
Harmonie kolorów
Komplementarna +180°
- 7D8574
Leafy Lichen
- 867E8E
≈ Purpletone
Analogowa -30° +30°
- 7D8574
Leafy Lichen
- 868270
≈ Tortuga
- 75877C
≈ Garden Bower
Triada +120° +240°
- 7D8574
Leafy Lichen
- 758491
≈ Forever Denim
- 917B7F
≈ Chocolaty
Komplementarna rozszczepiona +150° +210°
- 7D8574
Leafy Lichen
- 7D8092
≈ Majestic Mount
- 8D7C87
≈ Mediaeval Wine
Tetrada +90° +180° +270°
- 7D8574
Leafy Lichen
- 70868C
≈ Winter in Paris
- 867E8E
≈ Purpletone
- 917D76
≈ Soft Rabbit Brown
Kontrast i dostępność
Ag
FailNa bieli
WCAG 3.83:1 · APCA Lc 66
Ag
AANa czerni
WCAG 5.47:1 · APCA Lc 36
Najlepszy kolor tekstu: #000000
WCAG 5.47:1 (AA) · APCA Lc 36
Contrast pairs
Fragmenty kodu
CSS
:root {
--leafy-lichen: #7d8574;
--leafy-lichen-rgb: 125 133 116;
--leafy-lichen-oklch: oklch(0.605 0.027 127.8);
}
.element {
color: var(--leafy-lichen);
background-color: hsl(88 7% 49%);
border-color: oklch(0.605 0.027 127.8);
}Tailwind CSS v4
@theme {
--color-leafy-lichen: #7d8574;
--color-leafy-lichen-50: #f3f7ef;
--color-leafy-lichen-100: #e5eae0;
--color-leafy-lichen-200: #d0d7cb;
--color-leafy-lichen-300: #b3baac;
--color-leafy-lichen-400: #9aa291;
--color-leafy-lichen-500: #818a77;
--color-leafy-lichen-600: #6d7565;
--color-leafy-lichen-700: #575d51;
--color-leafy-lichen-800: #40443a;
--color-leafy-lichen-900: #2c2f28;
--color-leafy-lichen-950: #191c16;
}SCSS
$leafy-lichen: #7d8574;
$leafy-lichen-rgb: 125, 133, 116;
$leafy-lichen-light: mix(#fff, $leafy-lichen, 20%);
$leafy-lichen-dark: mix(#000, $leafy-lichen, 20%);
.element {
color: $leafy-lichen;
box-shadow: 0 0 0 2px rgba($leafy-lichen, 0.35);
}