Nazwany kolor · #D9D0CF
Mauve Morning
Mauve Morning to #D9D0CF: rgb(217 208 207), hsl(6 12% 83%), oklch(0.865 0.01 25.1). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Mauve Morning color name →
#D9D0CF
oklch(0.865 0.01 25.1)
Konwersje koloru
- HEX
- #d9d0cf
- RGB
- rgb(217 208 207)
- HSL
- hsl(6 12% 83%)
- HWB
- hwb(6 81% 15%)
- OKLCH
- oklch(0.865 0.01 25.1)
- OKLab
- oklab(0.865 0.009 0.004)
- CIE Lab
- lab(84.19 3.08 1.66)
- LCH
- lch(84.19 3.5 28.4)
- CMYK
- cmyk(0% 4% 5% 15%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- DDD5D4
- E1D9D8
- E4DEDD
- E8E3E2
- ECE7E7
- F0ECEC
- F4F1F0
- F7F5F5
- FBFAFA
Odcienie ciemniejsze
- BCB5B4
- A19A99
- 86807F
- 6C6767
- 534F4F
- 3B3938
- 252323
- 111010
- 020202
Tony
- D0C8C7
- C7BFBF
- BDB7B7
- B4AFAF
- ABA7A7
- A39F9F
- 9A9797
- 918F8F
- 898888
Harmonie kolorów
Komplementarna +180°
- D9D0CF
Mauve Morning
- CBD4D5
≈ Lullaby
Analogowa -30° +30°
- D9D0CF
Mauve Morning
- D8D0D3
≈ Stardust Ballroom
- D8D1CC
≈ Smoked Oyster
Triada +120° +240°
- D9D0CF
Mauve Morning
- CED4CE
≈ Salt Glaze
- CFD2D9
≈ Light Slipper Satin
Komplementarna rozszczepiona +150° +210°
- D9D0CF
Mauve Morning
- CCD5D2
≈ Pacific Mist
- CCD4D8
≈ Shiny Nickel
Tetrada +90° +180° +270°
- D9D0CF
Mauve Morning
- D2D3CC
≈ Grey Nurse
- CBD4D5
≈ Lullaby
- D3D1D9
≈ Spooky Ghost
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.51:1 · APCA Lc 24
Ag
AAANa czerni
WCAG 13.87:1 · APCA Lc 79
Najlepszy kolor tekstu: #000000
WCAG 13.87:1 (AAA) · APCA Lc 79
Contrast pairs
Fragmenty kodu
CSS
:root {
--mauve-morning: #d9d0cf;
--mauve-morning-rgb: 217 208 207;
--mauve-morning-oklch: oklch(0.865 0.01 25.1);
}
.element {
color: var(--mauve-morning);
background-color: hsl(6 12% 83%);
border-color: oklch(0.865 0.01 25.1);
}Tailwind CSS v4
@theme {
--color-mauve-morning: #d9d0cf;
--color-mauve-morning-50: #f8f4f3;
--color-mauve-morning-100: #ebe7e6;
--color-mauve-morning-200: #d8d3d2;
--color-mauve-morning-300: #bcb5b4;
--color-mauve-morning-400: #a49c9b;
--color-mauve-morning-500: #8d8483;
--color-mauve-morning-600: #776f6f;
--color-mauve-morning-700: #5f5958;
--color-mauve-morning-800: #464141;
--color-mauve-morning-900: #302d2d;
--color-mauve-morning-950: #1d1a1a;
}SCSS
$mauve-morning: #d9d0cf;
$mauve-morning-rgb: 217, 208, 207;
$mauve-morning-light: mix(#fff, $mauve-morning, 20%);
$mauve-morning-dark: mix(#000, $mauve-morning, 20%);
.element {
color: $mauve-morning;
box-shadow: 0 0 0 2px rgba($mauve-morning, 0.35);
}