Benannte Farbe · #D3E7DC
Light Light Lichen
Light Light Lichen ist #D3E7DC: rgb(211 231 220), hsl(147 29% 87%), oklch(0.91 0.026 161.9). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Light Light Lichen color name →
#D3E7DC
oklch(0.91 0.026 161.9)
Farbumrechnungen
- 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%)
Tints · Shades · Tones
Tints
- D7E9DF
- DCECE3
- E0EEE6
- E5F1EA
- E9F3ED
- EDF5F1
- F2F8F4
- F6FAF8
- FBFDFB
Shades
- B7C9BF
- 9CABA3
- 828F88
- 69736E
- 515954
- 3A403C
- 242826
- 101311
- 020302
Tones
- CADCD2
- C2D2C9
- B9C7BF
- B1BDB6
- A9B2AD
- A0A8A4
- 989E9B
- 909492
- 888A89
Farbharmonien
Komplementär +180°
- D3E7DC
Light Light Lichen
- EEDBE6
≈ Mountain Heather
Analog -30° +30°
- D3E7DC
Light Light Lichen
- DBE5D4
≈ Frostee
- CFE7E6
≈ Icicle Mint
Triadisch +120° +240°
- D3E7DC
Light Light Lichen
- DEE0F3
≈ Lower Lavender
- F1DCD4
≈ American Yorkshire
Geteilt komplementär +150° +210°
- D3E7DC
Light Light Lichen
- E7DDEE
≈ Lingering Lilac
- F2DBDD
≈ Lover’s Knot
Tetradisch +90° +180° +270°
- D3E7DC
Light Light Lichen
- D5E3F3
≈ Weathered Blue
- EEDBE6
≈ Mountain Heather
- ECDFCF
≈ Natural Linen
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.29:1 · APCA Lc 15
Ag
AAAAuf Schwarz
WCAG 16.23:1 · APCA Lc 89
Beste Textfarbe: #000000
WCAG 16.23:1 (AAA) · APCA Lc 89
Contrast pairs
Code-Snippets
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);
}