Colore con nome · #D8C9CC
Light Pink Polar
Light Pink Polar è #D8C9CC: rgb(216 201 204), hsl(348 16% 82%), oklch(0.849 0.017 3.7). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Gray mean? → · Light Pink Polar color name →
#D8C9CC
oklch(0.849 0.017 3.7)
Conversioni di colore
- HEX
- #d8c9cc
- RGB
- rgb(216 201 204)
- HSL
- hsl(348 16% 82%)
- HWB
- hwb(348 79% 15%)
- OKLCH
- oklch(0.849 0.017 3.7)
- OKLab
- oklab(0.849 0.017 0.001)
- CIE Lab
- lab(82.28 5.8 0.48)
- LCH
- lch(82.28 5.82 4.8)
- CMYK
- cmyk(0% 7% 6% 15%)
Tinte · Ombre · Toni
Tinte
- DCCED1
- E0D4D6
- E4D9DB
- E8DEE0
- EBE4E5
- EFE9EA
- F3EFEF
- F7F4F5
- FBFAFA
Ombre
- BCAEB1
- A09597
- 857C7E
- 6B6465
- 534C4E
- 3B3637
- 252222
- 110F0F
- 020202
Toni
- CFC1C4
- C6BABC
- BDB2B5
- B4ABAD
- ABA4A5
- A29C9E
- 9A9596
- 918E8F
- 888787
Armonie di colore
Complementare +180°
- D8C9CC
Light Pink Polar
- C2D1CE
≈ Icy Waterfall
Analogo -30° +30°
- D8C9CC
Light Pink Polar
- D5C9D2
≈ Orchid Tint
- D8CAC6
≈ Orchid Blush
Triadico +120° +240°
- D8C9CC
Light Pink Polar
- CBCFC3
≈ Harp
- C4CFD8
≈ Nefarious Blue
Complementare divisa +150° +210°
- D8C9CC
Light Pink Polar
- C5D1C8
≈ Fountain Foam
- C1D1D4
≈ Scandinavian Sky
Tetradico +90° +180° +270°
- D8C9CC
Light Pink Polar
- D1CDC1
≈ Toasty Grey
- C2D1CE
≈ Icy Waterfall
- CACDD9
≈ Post Apocalyptic Cloud
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 1.59:1 · APCA Lc 27
Ag
AAASu nero
WCAG 13.14:1 · APCA Lc 76
Miglior colore del testo: #000000
WCAG 13.14:1 (AAA) · APCA Lc 76
Contrast pairs
Frammenti di codice
CSS
:root {
--light-pink-polar: #d8c9cc;
--light-pink-polar-rgb: 216 201 204;
--light-pink-polar-oklch: oklch(0.849 0.017 3.7);
}
.element {
color: var(--light-pink-polar);
background-color: hsl(348 16% 82%);
border-color: oklch(0.849 0.017 3.7);
}Tailwind CSS v4
@theme {
--color-light-pink-polar: #d8c9cc;
--color-light-pink-polar-50: #faf3f4;
--color-light-pink-polar-100: #ede6e7;
--color-light-pink-polar-200: #dbd1d3;
--color-light-pink-polar-300: #c0b4b6;
--color-light-pink-polar-400: #a89a9d;
--color-light-pink-polar-500: #918285;
--color-light-pink-polar-600: #7a6e70;
--color-light-pink-polar-700: #62585a;
--color-light-pink-polar-800: #484042;
--color-light-pink-polar-900: #322c2d;
--color-light-pink-polar-950: #1e191a;
}SCSS
$light-pink-polar: #d8c9cc;
$light-pink-polar-rgb: 216, 201, 204;
$light-pink-polar-light: mix(#fff, $light-pink-polar, 20%);
$light-pink-polar-dark: mix(#000, $light-pink-polar, 20%);
.element {
color: $light-pink-polar;
box-shadow: 0 0 0 2px rgba($light-pink-polar, 0.35);
}