이름 색상 · #D9D6E5
Perfection
Perfection은(는) #D9D6E5: rgb(217 214 229), hsl(252 22% 87%), oklch(0.883 0.021 295.1). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Gray mean? → · Perfection color name →
#D9D6E5
oklch(0.883 0.021 295.1)
색상 변환
- HEX
- #d9d6e5
- RGB
- rgb(217 214 229)
- HSL
- hsl(252 22% 87%)
- HWB
- hwb(252 84% 10%)
- OKLCH
- oklch(0.883 0.021 295.1)
- OKLab
- oklab(0.883 0.009 -0.019)
- CIE Lab
- lab(86.2 3.13 -7.02)
- LCH
- lch(86.2 7.68 294)
- CMYK
- cmyk(5% 7% 0% 10%)
틴트 · 셰이드 · 톤
틴트
- DDDAE8
- E0DEEA
- E4E2ED
- E8E6EF
- ECEAF2
- F0EEF5
- F3F3F7
- F7F7FA
- FBFBFC
셰이드
- BCBAC7
- A19EAA
- 86848E
- 6C6A72
- 535258
- 3B3B3F
- 252528
- 111012
- 020203
톤
- D0CDDA
- C7C4D0
- BDBBC6
- B4B3BB
- ABAAB1
- A3A1A7
- 9A999D
- 919193
- 88888A
색 조화
보색 +180°
- D9D6E5
Perfection
- D8DACB
≈ Stage Whisper
유사색 -30° +30°
- D9D6E5
Perfection
- D2D9E7
≈ Cheerful Whisper
- E0D4E0
≈ Tender Limerence
삼각 배색 +120° +240°
- D9D6E5
Perfection
- E4D5CC
≈ Ocean Sand
- CBDDD8
≈ Light Quaver
분열 보색 +150° +210°
- D9D6E5
Perfection
- DFD8C9
≈ Stretched Canvas
- D0DCD0
≈ Healthy Wealthy and Wise
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.42:1 · APCA Lc 21
Ag
AAA검은색 위
WCAG 14.70:1 · APCA Lc 83
가장 좋은 글자색: #000000
WCAG 14.70:1 (AAA) · APCA Lc 83
Contrast pairs
코드 스니펫
CSS
:root {
--perfection: #d9d6e5;
--perfection-rgb: 217 214 229;
--perfection-oklch: oklch(0.883 0.021 295.1);
}
.element {
color: var(--perfection);
background-color: hsl(252 22% 87%);
border-color: oklch(0.883 0.021 295.1);
}Tailwind CSS v4
@theme {
--color-perfection: #d9d6e5;
--color-perfection-50: #f5f4fa;
--color-perfection-100: #e8e6ee;
--color-perfection-200: #d5d2dc;
--color-perfection-300: #b8b5c1;
--color-perfection-400: #9f9caa;
--color-perfection-500: #878493;
--color-perfection-600: #726f7c;
--color-perfection-700: #5b5963;
--color-perfection-800: #424149;
--color-perfection-900: #2e2d33;
--color-perfection-950: #1b1a1e;
}SCSS
$perfection: #d9d6e5;
$perfection-rgb: 217, 214, 229;
$perfection-light: mix(#fff, $perfection, 20%);
$perfection-dark: mix(#000, $perfection, 20%);
.element {
color: $perfection;
box-shadow: 0 0 0 2px rgba($perfection, 0.35);
}