Nazwany kolor · #D3E7DC
Light Light Lichen
Light Light Lichen to #D3E7DC: rgb(211 231 220), hsl(147 29% 87%), oklch(0.91 0.026 161.9). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Light Light Lichen color name →
#D3E7DC
oklch(0.91 0.026 161.9)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- D7E9DF
- DCECE3
- E0EEE6
- E5F1EA
- E9F3ED
- EDF5F1
- F2F8F4
- F6FAF8
- FBFDFB
Odcienie ciemniejsze
- B7C9BF
- 9CABA3
- 828F88
- 69736E
- 515954
- 3A403C
- 242826
- 101311
- 020302
Tony
- CADCD2
- C2D2C9
- B9C7BF
- B1BDB6
- A9B2AD
- A0A8A4
- 989E9B
- 909492
- 888A89
Harmonie kolorów
Komplementarna +180°
- D3E7DC
Light Light Lichen
- EEDBE6
≈ Mountain Heather
Analogowa -30° +30°
- D3E7DC
Light Light Lichen
- DBE5D4
≈ Frostee
- CFE7E6
≈ Icicle Mint
Triada +120° +240°
- D3E7DC
Light Light Lichen
- DEE0F3
≈ Lower Lavender
- F1DCD4
≈ American Yorkshire
Komplementarna rozszczepiona +150° +210°
- D3E7DC
Light Light Lichen
- E7DDEE
≈ Lingering Lilac
- F2DBDD
≈ Lover’s Knot
Tetrada +90° +180° +270°
- D3E7DC
Light Light Lichen
- D5E3F3
≈ Weathered Blue
- EEDBE6
≈ Mountain Heather
- ECDFCF
≈ Natural Linen
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.29:1 · APCA Lc 15
Ag
AAANa czerni
WCAG 16.23:1 · APCA Lc 89
Najlepszy kolor tekstu: #000000
WCAG 16.23:1 (AAA) · APCA Lc 89
Contrast pairs
Fragmenty kodu
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);
}