Nazwany kolor · #D9C4D0
Mauve Organdie
Mauve Organdie to #D9C4D0: rgb(217 196 208), hsl(326 22% 81%), oklch(0.841 0.029 342.4). Zobacz odcienie jaśniejsze i ciemniejsze, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
What does Gray mean? → · Mauve Organdie color name →
#D9C4D0
oklch(0.841 0.029 342.4)
Konwersje koloru
- HEX
- #d9c4d0
- RGB
- rgb(217 196 208)
- HSL
- hsl(326 22% 81%)
- HWB
- hwb(326 77% 15%)
- OKLCH
- oklch(0.841 0.029 342.4)
- OKLab
- oklab(0.841 0.027 -0.009)
- CIE Lab
- lab(81.2 9.17 -3.19)
- LCH
- lch(81.2 9.71 340.8)
- CMYK
- cmyk(0% 10% 4% 15%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- DDCAD5
- E1D0D9
- E4D5DE
- E8DBE3
- ECE1E7
- F0E7EC
- F4EDF1
- F7F3F5
- FBF9FA
Odcienie ciemniejsze
- BCAAB5
- A1919A
- 867880
- 6C6167
- 534A4F
- 3B3539
- 252123
- 110E10
- 020202
Tony
- D0BDC8
- C7B6BF
- BEAFB7
- B4A8AF
- ACA1A7
- A39B9F
- 9A9497
- 918D8F
- 898788
Harmonie kolorów
Komplementarna +180°
- D9C4D0
Mauve Organdie
- BBD1C5
≈ Moon Glass
Analogowa -30° +30°
- D9C4D0
Mauve Organdie
- D1C6D9
≈ Modesty
- DDC4C6
≈ Bunny Pink
Triada +120° +240°
- D9C4D0
Mauve Organdie
- CECCB7
≈ Skipping Stone
- B8D0D8
≈ Mudra
Komplementarna rozszczepiona +150° +210°
- D9C4D0
Mauve Organdie
- C4CFBC
≈ Frosty Pine
- B7D1D0
≈ Malaysian Mist
Tetrada +90° +180° +270°
- D9C4D0
Mauve Organdie
- D7C8B7
≈ Sandshell
- BBD1C5
≈ Moon Glass
- BECDDE
≈ Sky’s the Limit
Kontrast i dostępność
Ag
FailNa bieli
WCAG 1.64:1 · APCA Lc 29
Ag
AAANa czerni
WCAG 12.75:1 · APCA Lc 74
Najlepszy kolor tekstu: #000000
WCAG 12.75:1 (AAA) · APCA Lc 74
Contrast pairs
Fragmenty kodu
CSS
:root {
--mauve-organdie: #d9c4d0;
--mauve-organdie-rgb: 217 196 208;
--mauve-organdie-oklch: oklch(0.841 0.029 342.4);
}
.element {
color: var(--mauve-organdie);
background-color: hsl(326 22% 81%);
border-color: oklch(0.841 0.029 342.4);
}Tailwind CSS v4
@theme {
--color-mauve-organdie: #d9c4d0;
--color-mauve-organdie-50: #fcf2f7;
--color-mauve-organdie-100: #efe4ea;
--color-mauve-organdie-200: #ded0d7;
--color-mauve-organdie-300: #c3b2bb;
--color-mauve-organdie-400: #ab98a3;
--color-mauve-organdie-500: #947f8b;
--color-mauve-organdie-600: #7d6c76;
--color-mauve-organdie-700: #64565e;
--color-mauve-organdie-800: #4a3f45;
--color-mauve-organdie-900: #332b30;
--color-mauve-organdie-950: #1f181c;
}SCSS
$mauve-organdie: #d9c4d0;
$mauve-organdie-rgb: 217, 196, 208;
$mauve-organdie-light: mix(#fff, $mauve-organdie, 20%);
$mauve-organdie-dark: mix(#000, $mauve-organdie, 20%);
.element {
color: $mauve-organdie;
box-shadow: 0 0 0 2px rgba($mauve-organdie, 0.35);
}