가장 가까운 이름 색상 · #D9CBCE
#D9CBCE
가장 가까운 이름 색상: Secret Blush
#D9CBCE(rgb(217 203 206), hsl(347 16% 82%), oklch(0.854 0.016 2.7))와 가장 가까운 이름 색상은 Secret Blush입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#D9CBCE
oklch(0.854 0.016 2.7)
색상 변환
- HEX
- #d9cbce
- RGB
- rgb(217 203 206)
- HSL
- hsl(347 16% 82%)
- HWB
- hwb(347 80% 15%)
- OKLCH
- oklch(0.854 0.016 2.7)
- OKLab
- oklab(0.854 0.016 0.001)
- CIE Lab
- lab(82.91 5.42 0.35)
- LCH
- lch(82.91 5.43 3.7)
- CMYK
- cmyk(0% 6% 5% 15%)
틴트 · 셰이드 · 톤
틴트
- DDD0D3
- E1D5D8
- E4DADC
- E8E0E1
- ECE5E6
- F0EAEB
- F4EFF0
- F7F4F5
- FBFAFA
셰이드
- BCB0B3
- A19698
- 867D7F
- 6C6566
- 534D4E
- 3B3738
- 252223
- 110F0F
- 020202
톤
- D0C3C6
- C7BCBE
- BDB4B6
- B4ACAE
- ABA5A6
- A39D9E
- 9A9697
- 918E8F
- 898787
색 조화
보색 +180°
- D9CBCE
Secret Blush
- C4D3D0
≈ Winter Garden
유사색 -30° +30°
- D9CBCE
Secret Blush
- D6CBD4
≈ Purple Cream
- D9CCC8
≈ Nut Milk
삼각 배색 +120° +240°
- D9CBCE
Secret Blush
- CDD1C6
≈ Washed Green
- C7D1D9
≈ Memory Lane
분열 보색 +150° +210°
- D9CBCE
Secret Blush
- C8D2CA
≈ Blue Flower
- C4D2D5
≈ Sunday Sky
사각 배색 +90° +180° +270°
- D9CBCE
Secret Blush
- D3CFC4
≈ Silver Birch
- C4D3D0
≈ Winter Garden
- CBCFDA
≈ Pale Shale
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.56:1 · APCA Lc 26
Ag
AAA검은색 위
WCAG 13.38:1 · APCA Lc 77
가장 좋은 글자색: #000000
WCAG 13.38:1 (AAA) · APCA Lc 77
Contrast pairs
코드 스니펫
CSS
:root {
--secret-blush: #d9cbce;
--secret-blush-rgb: 217 203 206;
--secret-blush-oklch: oklch(0.854 0.016 2.7);
}
.element {
color: var(--secret-blush);
background-color: hsl(347 16% 82%);
border-color: oklch(0.854 0.016 2.7);
}Tailwind CSS v4
@theme {
--color-secret-blush: #d9cbce;
--color-secret-blush-50: #f9f3f4;
--color-secret-blush-100: #ede6e7;
--color-secret-blush-200: #dbd1d3;
--color-secret-blush-300: #bfb4b6;
--color-secret-blush-400: #a79b9d;
--color-secret-blush-500: #908285;
--color-secret-blush-600: #7a6e71;
--color-secret-blush-700: #62585a;
--color-secret-blush-800: #474042;
--color-secret-blush-900: #312c2d;
--color-secret-blush-950: #1d191a;
}SCSS
$secret-blush: #d9cbce;
$secret-blush-rgb: 217, 203, 206;
$secret-blush-light: mix(#fff, $secret-blush, 20%);
$secret-blush-dark: mix(#000, $secret-blush, 20%);
.element {
color: $secret-blush;
box-shadow: 0 0 0 2px rgba($secret-blush, 0.35);
}