이름 색상 · #D8C9CC
Light Pink Polar
Light Pink Polar은(는) #D8C9CC: rgb(216 201 204), hsl(348 16% 82%), oklch(0.849 0.017 3.7). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Gray mean? → · Light Pink Polar color name →
#D8C9CC
oklch(0.849 0.017 3.7)
색상 변환
- 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%)
틴트 · 셰이드 · 톤
틴트
- DCCED1
- E0D4D6
- E4D9DB
- E8DEE0
- EBE4E5
- EFE9EA
- F3EFEF
- F7F4F5
- FBFAFA
셰이드
- BCAEB1
- A09597
- 857C7E
- 6B6465
- 534C4E
- 3B3637
- 252222
- 110F0F
- 020202
톤
- CFC1C4
- C6BABC
- BDB2B5
- B4ABAD
- ABA4A5
- A29C9E
- 9A9596
- 918E8F
- 888787
색 조화
보색 +180°
- D8C9CC
Light Pink Polar
- C2D1CE
≈ Icy Waterfall
유사색 -30° +30°
- D8C9CC
Light Pink Polar
- D5C9D2
≈ Orchid Tint
- D8CAC6
≈ Orchid Blush
삼각 배색 +120° +240°
- D8C9CC
Light Pink Polar
- CBCFC3
≈ Harp
- C4CFD8
≈ Nefarious Blue
분열 보색 +150° +210°
- D8C9CC
Light Pink Polar
- C5D1C8
≈ Fountain Foam
- C1D1D4
≈ Scandinavian Sky
사각 배색 +90° +180° +270°
- D8C9CC
Light Pink Polar
- D1CDC1
≈ Toasty Grey
- C2D1CE
≈ Icy Waterfall
- CACDD9
≈ Post Apocalyptic Cloud
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.59:1 · APCA Lc 27
Ag
AAA검은색 위
WCAG 13.14:1 · APCA Lc 76
가장 좋은 글자색: #000000
WCAG 13.14:1 (AAA) · APCA Lc 76
Contrast pairs
코드 스니펫
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);
}