Nazwany kolor · #D1C6D2
Enchant
Enchant to #D1C6D2: rgb(209 198 210), hsl(295 12% 80%), oklch(0.839 0.02 323.2). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Enchant color name →
#D1C6D2
oklch(0.839 0.02 323.2)
Konwersje koloru
- HEX
- #d1c6d2
- RGB
- rgb(209 198 210)
- HSL
- hsl(295 12% 80%)
- HWB
- hwb(295 78% 18%)
- OKLCH
- oklch(0.839 0.02 323.2)
- OKLab
- oklab(0.839 0.016 -0.012)
- CIE Lab
- lab(81.06 5.58 -4.56)
- LCH
- lch(81.06 7.21 320.7)
- CMYK
- cmyk(0% 6% 0% 18%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- D6CCD6
- DAD1DB
- DFD7DF
- E3DCE4
- E8E2E8
- ECE8ED
- F1EEF1
- F6F3F6
- FAF9FA
Odcienie ciemniejsze
- B5ACB6
- 9B929B
- 817A81
- 686268
- 504B50
- 393539
- 232124
- 100E10
- 020202
Tony
- C9BFC9
- C0B8C1
- B8B0B9
- B0A9B0
- A8A2A8
- A09BA0
- 989498
- 908E90
- 888788
Harmonie kolorów
Komplementarna +180°
- D1C6D2
Enchant
- C3CEC2
≈ Green Lily
Analogowa -30° +30°
- D1C6D2
Enchant
- CAC8D7
≈ Magic Scent
- D6C5CB
≈ Odyssey Lilac
Triada +120° +240°
- D1C6D2
Enchant
- D1C9BC
≈ Fossil Sand
- BCCED0
≈ Shhh…
Komplementarna rozszczepiona +150° +210°
- D1C6D2
Enchant
- CACCBD
≈ Misty Memory
- BECFC9
≈ Soft Celadon
Tetrada +90° +180° +270°
- D1C6D2
Enchant
- D6C7BE
≈ Perk Up
- C3CEC2
≈ Green Lily
- BECDD6
≈ Keepsake
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.65:1 · APCA Lc 29
Ag
AAANa czerni
WCAG 12.71:1 · APCA Lc 74
Najlepszy kolor tekstu: #000000
WCAG 12.71:1 (AAA) · APCA Lc 74
Contrast pairs
Fragmenty kodu
CSS
:root {
--enchant: #d1c6d2;
--enchant-rgb: 209 198 210;
--enchant-oklch: oklch(0.839 0.02 323.2);
}
.element {
color: var(--enchant);
background-color: hsl(295 12% 80%);
border-color: oklch(0.839 0.02 323.2);
}Tailwind CSS v4
@theme {
--color-enchant: #d1c6d2;
--color-enchant-50: #f8f3f8;
--color-enchant-100: #ebe6ec;
--color-enchant-200: #d9d1d9;
--color-enchant-300: #bdb4bd;
--color-enchant-400: #a59ba5;
--color-enchant-500: #8d828e;
--color-enchant-600: #776e78;
--color-enchant-700: #5f5860;
--color-enchant-800: #464047;
--color-enchant-900: #302c31;
--color-enchant-950: #1c191d;
}SCSS
$enchant: #d1c6d2;
$enchant-rgb: 209, 198, 210;
$enchant-light: mix(#fff, $enchant, 20%);
$enchant-dark: mix(#000, $enchant, 20%);
.element {
color: $enchant;
box-shadow: 0 0 0 2px rgba($enchant, 0.35);
}