가장 가까운 이름 색상 · #CFB4CA
#CFB4CA
가장 가까운 이름 색상: Purple Poodle
#CFB4CA(rgb(207 180 202), hsl(311 22% 76%), oklch(0.8 0.043 332.2))와 가장 가까운 이름 색상은 Purple Poodle입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#CFB4CA
oklch(0.8 0.043 332.2)
색상 변환
- HEX
- #cfb4ca
- RGB
- rgb(207 180 202)
- HSL
- hsl(311 22% 76%)
- HWB
- hwb(311 71% 19%)
- OKLCH
- oklch(0.8 0.043 332.2)
- OKLab
- oklab(0.8 0.038 -0.02)
- CIE Lab
- lab(76.18 12.85 -7.41)
- LCH
- lch(76.18 14.83 330)
- CMYK
- cmyk(0% 13% 2% 19%)
틴트 · 셰이드 · 톤
틴트
- D4BBCF
- D9C3D4
- DDCADA
- E2D2DF
- E7D9E4
- ECE1EA
- F1E8EF
- F5F0F4
- FAF7FA
셰이드
- B49CAF
- 998595
- 7F6E7C
- 675864
- 4F444D
- 383037
- 231D22
- 100C0F
- 020202
톤
- C7AFC2
- BFA9BB
- B7A4B3
- AF9FAC
- A79AA4
- 9F959D
- 978F96
- 8F8A8E
- 888587
색 조화
보색 +180°
- CFB4CA
Purple Poodle
- AAC6B0
≈ Gum Leaf
유사색 -30° +30°
- CFB4CA
Purple Poodle
- C3B8D5
≈ Lilac Lust
- D7B3BB
≈ Floss
삼각 배색 +120° +240°
- CFB4CA
Purple Poodle
- C7BD9F
≈ Lush
- 9FC6CE
≈ Agua Fría
분열 보색 +150° +210°
- CFB4CA
Purple Poodle
- B9C3A4
≈ Chopped Dill
- A0C7C0
≈ New-Age Green
사각 배색 +90° +180° +270°
- CFB4CA
Purple Poodle
- D2B8A2
≈ Sonoran Desert
- AAC6B0
≈ Gum Leaf
- A6C2D7
≈ Blue Bows
대비 및 접근성
Ag
Fail흰색 위
WCAG 1.90:1 · APCA Lc 36
Ag
AAA검은색 위
WCAG 11.03:1 · APCA Lc 66
가장 좋은 글자색: #000000
WCAG 11.03:1 (AAA) · APCA Lc 66
Contrast pairs
코드 스니펫
CSS
:root {
--purple-poodle: #cfb4ca;
--purple-poodle-rgb: 207 180 202;
--purple-poodle-oklch: oklch(0.8 0.043 332.2);
}
.element {
color: var(--purple-poodle);
background-color: hsl(311 22% 76%);
border-color: oklch(0.8 0.043 332.2);
}Tailwind CSS v4
@theme {
--color-purple-poodle: #cfb4ca;
--color-purple-poodle-50: #fdf1fa;
--color-purple-poodle-100: #f1e3ee;
--color-purple-poodle-200: #e0cedc;
--color-purple-poodle-300: #c6b0c0;
--color-purple-poodle-400: #ae96aa;
--color-purple-poodle-500: #987c93;
--color-purple-poodle-600: #80697c;
--color-purple-poodle-700: #675463;
--color-purple-poodle-800: #4b3d49;
--color-purple-poodle-900: #342a33;
--color-purple-poodle-950: #20181f;
}SCSS
$purple-poodle: #cfb4ca;
$purple-poodle-rgb: 207, 180, 202;
$purple-poodle-light: mix(#fff, $purple-poodle, 20%);
$purple-poodle-dark: mix(#000, $purple-poodle, 20%);
.element {
color: $purple-poodle;
box-shadow: 0 0 0 2px rgba($purple-poodle, 0.35);
}