لون مسمّى · #7D8574
Leafy Lichen
Leafy Lichen هو #7D8574: rgb(125 133 116)، hsl(88 7% 49%)، oklch(0.605 0.027 127.8). شاهد الدرجات الفاتحة والداكنة والتناسقات وتباين WCAG وAPCA وأكواد CSS وTailwind v4 وSCSS.
What does Gray mean? → · Leafy Lichen color name →
#7D8574
oklch(0.605 0.027 127.8)
تحويلات الألوان
- 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%)
درجات فاتحة · درجات داكنة · درجات رمادية
درجات فاتحة
- 899181
- 969C8E
- A2A89C
- AFB4A9
- BCC0B7
- C9CDC5
- D6D9D3
- E4E6E2
- F1F2F0
درجات داكنة
- 6C7364
- 5B6154
- 4B5045
- 3B4037
- 2C3029
- 1E211B
- 11130F
- 050605
- 010101
درجات رمادية
- 7D8575
- 7E8476
- 7E8478
- 7E8379
- 7F837A
- 7F827B
- 7F827C
- 7F817E
- 80817F
تناسق الألوان
متمم +180°
- 7D8574
Leafy Lichen
- 867E8E
≈ Purpletone
متجاور -30° +30°
- 7D8574
Leafy Lichen
- 868270
≈ Tortuga
- 75877C
≈ Garden Bower
ثلاثي +120° +240°
- 7D8574
Leafy Lichen
- 758491
≈ Forever Denim
- 917B7F
≈ Chocolaty
متمم منقسم +150° +210°
- 7D8574
Leafy Lichen
- 7D8092
≈ Majestic Mount
- 8D7C87
≈ Mediaeval Wine
رباعي +90° +180° +270°
- 7D8574
Leafy Lichen
- 70868C
≈ Winter in Paris
- 867E8E
≈ Purpletone
- 917D76
≈ Soft Rabbit Brown
التباين وإمكانية الوصول
Ag
Failعلى الأبيض
WCAG 3.83:1 · APCA Lc 66
Ag
AAعلى الأسود
WCAG 5.47:1 · APCA Lc 36
أفضل لون للنص: #000000
WCAG 5.47:1 (AA) · APCA Lc 36
Contrast pairs
مقتطفات الأكواد
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);
}