Cor nomeada · #D3E7DC
Light Light Lichen
Light Light Lichen é #D3E7DC: rgb(211 231 220), hsl(147 29% 87%), oklch(0.91 0.026 161.9). Veja tons claros, sombras, harmonias, contraste WCAG e APCA e código CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Light Light Lichen color name →
#D3E7DC
oklch(0.91 0.026 161.9)
Conversões de cor
- HEX
- #d3e7dc
- RGB
- rgb(211 231 220)
- HSL
- hsl(147 29% 87%)
- HWB
- hwb(147 83% 9%)
- OKLCH
- oklch(0.91 0.026 161.9)
- OKLab
- oklab(0.91 -0.025 0.008)
- CIE Lab
- lab(89.91 -8.4 2.99)
- LCH
- lch(89.91 8.92 160.4)
- CMYK
- cmyk(9% 0% 5% 9%)
Tons claros · Sombras · Tons
Tons claros
- D7E9DF
- DCECE3
- E0EEE6
- E5F1EA
- E9F3ED
- EDF5F1
- F2F8F4
- F6FAF8
- FBFDFB
Sombras
- B7C9BF
- 9CABA3
- 828F88
- 69736E
- 515954
- 3A403C
- 242826
- 101311
- 020302
Tons
- CADCD2
- C2D2C9
- B9C7BF
- B1BDB6
- A9B2AD
- A0A8A4
- 989E9B
- 909492
- 888A89
Harmonias de cor
Complementar +180°
- D3E7DC
Light Light Lichen
- EEDBE6
≈ Mountain Heather
Análoga -30° +30°
- D3E7DC
Light Light Lichen
- DBE5D4
≈ Frostee
- CFE7E6
≈ Icicle Mint
Tríade +120° +240°
- D3E7DC
Light Light Lichen
- DEE0F3
≈ Lower Lavender
- F1DCD4
≈ American Yorkshire
Complementar dividida +150° +210°
- D3E7DC
Light Light Lichen
- E7DDEE
≈ Lingering Lilac
- F2DBDD
≈ Lover’s Knot
Tétrade +90° +180° +270°
- D3E7DC
Light Light Lichen
- D5E3F3
≈ Weathered Blue
- EEDBE6
≈ Mountain Heather
- ECDFCF
≈ Natural Linen
Contraste e acessibilidade
Ag
FailSobre branco
WCAG 1.29:1 · APCA Lc 15
Ag
AAASobre preto
WCAG 16.23:1 · APCA Lc 89
Melhor cor de texto: #000000
WCAG 16.23:1 (AAA) · APCA Lc 89
Contrast pairs
Trechos de código
CSS
:root {
--light-light-lichen: #d3e7dc;
--light-light-lichen-rgb: 211 231 220;
--light-light-lichen-oklch: oklch(0.91 0.026 161.9);
}
.element {
color: var(--light-light-lichen);
background-color: hsl(147 29% 87%);
border-color: oklch(0.91 0.026 161.9);
}Tailwind CSS v4
@theme {
--color-light-light-lichen: #d3e7dc;
--color-light-light-lichen-50: #eff8f3;
--color-light-light-lichen-100: #e1ebe5;
--color-light-light-lichen-200: #cbd8d1;
--color-light-light-lichen-300: #acbcb4;
--color-light-light-lichen-400: #92a39a;
--color-light-light-lichen-500: #788c81;
--color-light-light-lichen-600: #65766d;
--color-light-light-lichen-700: #515f57;
--color-light-light-lichen-800: #3b453f;
--color-light-light-lichen-900: #28302c;
--color-light-light-lichen-950: #161c19;
}SCSS
$light-light-lichen: #d3e7dc;
$light-light-lichen-rgb: 211, 231, 220;
$light-light-lichen-light: mix(#fff, $light-light-lichen, 20%);
$light-light-lichen-dark: mix(#000, $light-light-lichen, 20%);
.element {
color: $light-light-lichen;
box-shadow: 0 0 0 2px rgba($light-light-lichen, 0.35);
}