Color con nombre · #7D8574
Leafy Lichen
Leafy Lichen es #7D8574: rgb(125 133 116), hsl(88 7% 49%), oklch(0.605 0.027 127.8). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Gray mean? → · Leafy Lichen color name →
#7D8574
oklch(0.605 0.027 127.8)
Conversiones de color
- 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%)
Tintes · Sombras · Tonos
Tintes
- 899181
- 969C8E
- A2A89C
- AFB4A9
- BCC0B7
- C9CDC5
- D6D9D3
- E4E6E2
- F1F2F0
Sombras
- 6C7364
- 5B6154
- 4B5045
- 3B4037
- 2C3029
- 1E211B
- 11130F
- 050605
- 010101
Tonos
- 7D8575
- 7E8476
- 7E8478
- 7E8379
- 7F837A
- 7F827B
- 7F827C
- 7F817E
- 80817F
Armonías de color
Complementario +180°
- 7D8574
Leafy Lichen
- 867E8E
≈ Purpletone
Análogo -30° +30°
- 7D8574
Leafy Lichen
- 868270
≈ Tortuga
- 75877C
≈ Garden Bower
Triádico +120° +240°
- 7D8574
Leafy Lichen
- 758491
≈ Forever Denim
- 917B7F
≈ Chocolaty
Complementario dividido +150° +210°
- 7D8574
Leafy Lichen
- 7D8092
≈ Majestic Mount
- 8D7C87
≈ Mediaeval Wine
Tetrádico +90° +180° +270°
- 7D8574
Leafy Lichen
- 70868C
≈ Winter in Paris
- 867E8E
≈ Purpletone
- 917D76
≈ Soft Rabbit Brown
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 3.83:1 · APCA Lc 66
Ag
AASobre negro
WCAG 5.47:1 · APCA Lc 36
Mejor color de texto: #000000
WCAG 5.47:1 (AA) · APCA Lc 36
Contrast pairs
Fragmentos de código
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);
}