Benannte Farbe · #C7D9CC
Dry Lichen
Dry Lichen ist #C7D9CC: rgb(199 217 204), hsl(137 19% 82%), oklch(0.868 0.026 154.4). Mit Tints, Shades, Harmonien, WCAG- & APCA-Kontrast sowie CSS-, Tailwind-v4- und SCSS-Code.
What does Gray mean? → · Dry Lichen color name →
#C7D9CC
oklch(0.868 0.026 154.4)
Farbumrechnungen
- HEX
- #c7d9cc
- RGB
- rgb(199 217 204)
- HSL
- hsl(137 19% 82%)
- HWB
- hwb(137 78% 15%)
- OKLCH
- oklch(0.868 0.026 154.4)
- OKLab
- oklab(0.868 -0.024 0.011)
- CIE Lab
- lab(85.05 -8.08 4.25)
- LCH
- lch(85.05 9.13 152.2)
- CMYK
- cmyk(8% 0% 6% 15%)
Tints · Shades · Tones
Tints
- CDDDD1
- D2E1D6
- D8E4DB
- DDE8E0
- E3ECE5
- E8F0EA
- EEF4EF
- F4F7F5
- F9FBFA
Shades
- ADBCB1
- 93A197
- 7A867E
- 626C65
- 4C534E
- 363B37
- 212522
- 0E110F
- 020202
Tones
- C0D0C4
- B8C7BC
- B1BDB5
- AAB4AD
- A3ABA5
- 9CA39E
- 959A96
- 8E918F
- 878987
Farbharmonien
Komplementär +180°
- C7D9CC
Dry Lichen
- DFCEDB
≈ Cassia Buds
Analog -30° +30°
- C7D9CC
Dry Lichen
- D0D7C4
≈ Spring Valley
- C2DAD5
≈ Cool Mint
Triadisch +120° +240°
- C7D9CC
Dry Lichen
- CED3E5
≈ Bashful Lilac
- E4CEC8
≈ Ginger Shortbread
Geteilt komplementär +150° +210°
- C7D9CC
Dry Lichen
- D7D0E2
≈ Dusty Plum
- E4CDD1
≈ Cool Pink
Tetradisch +90° +180° +270°
- C7D9CC
Dry Lichen
- C6D6E4
≈ Defenestration
- DFCEDB
≈ Cassia Buds
- E0D0C2
≈ Cappuccino Foam
Kontrast & Barrierefreiheit
Ag
FailAuf Weiß
WCAG 1.47:1 · APCA Lc 23
Ag
AAAAuf Schwarz
WCAG 14.22:1 · APCA Lc 81
Beste Textfarbe: #000000
WCAG 14.22:1 (AAA) · APCA Lc 81
Contrast pairs
Code-Snippets
CSS
:root {
--dry-lichen: #c7d9cc;
--dry-lichen-rgb: 199 217 204;
--dry-lichen-oklch: oklch(0.868 0.026 154.4);
}
.element {
color: var(--dry-lichen);
background-color: hsl(137 19% 82%);
border-color: oklch(0.868 0.026 154.4);
}Tailwind CSS v4
@theme {
--color-dry-lichen: #c7d9cc;
--color-dry-lichen-50: #eff7f2;
--color-dry-lichen-100: #e1ebe4;
--color-dry-lichen-200: #ccd8d0;
--color-dry-lichen-300: #adbcb2;
--color-dry-lichen-400: #93a398;
--color-dry-lichen-500: #798c7e;
--color-dry-lichen-600: #67766b;
--color-dry-lichen-700: #525e56;
--color-dry-lichen-800: #3c453e;
--color-dry-lichen-900: #29302b;
--color-dry-lichen-950: #171c18;
}SCSS
$dry-lichen: #c7d9cc;
$dry-lichen-rgb: 199, 217, 204;
$dry-lichen-light: mix(#fff, $dry-lichen, 20%);
$dry-lichen-dark: mix(#000, $dry-lichen, 20%);
.element {
color: $dry-lichen;
box-shadow: 0 0 0 2px rgba($dry-lichen, 0.35);
}