Nazwany kolor · #C7D9CC
Dry Lichen
Dry Lichen to #C7D9CC: rgb(199 217 204), hsl(137 19% 82%), oklch(0.868 0.026 154.4). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Dry Lichen color name →
#C7D9CC
oklch(0.868 0.026 154.4)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- CDDDD1
- D2E1D6
- D8E4DB
- DDE8E0
- E3ECE5
- E8F0EA
- EEF4EF
- F4F7F5
- F9FBFA
Odcienie ciemniejsze
- ADBCB1
- 93A197
- 7A867E
- 626C65
- 4C534E
- 363B37
- 212522
- 0E110F
- 020202
Tony
- C0D0C4
- B8C7BC
- B1BDB5
- AAB4AD
- A3ABA5
- 9CA39E
- 959A96
- 8E918F
- 878987
Harmonie kolorów
Komplementarna +180°
- C7D9CC
Dry Lichen
- DFCEDB
≈ Cassia Buds
Analogowa -30° +30°
- C7D9CC
Dry Lichen
- D0D7C4
≈ Spring Valley
- C2DAD5
≈ Cool Mint
Triada +120° +240°
- C7D9CC
Dry Lichen
- CED3E5
≈ Bashful Lilac
- E4CEC8
≈ Ginger Shortbread
Komplementarna rozszczepiona +150° +210°
- C7D9CC
Dry Lichen
- D7D0E2
≈ Dusty Plum
- E4CDD1
≈ Cool Pink
Tetrada +90° +180° +270°
- C7D9CC
Dry Lichen
- C6D6E4
≈ Defenestration
- DFCEDB
≈ Cassia Buds
- E0D0C2
≈ Cappuccino Foam
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.47:1 · APCA Lc 23
Ag
AAANa czerni
WCAG 14.22:1 · APCA Lc 81
Najlepszy kolor tekstu: #000000
WCAG 14.22:1 (AAA) · APCA Lc 81
Contrast pairs
Fragmenty kodu
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);
}