가장 가까운 이름 색상 · #CF9FCC
#CF9FCC
가장 가까운 이름 색상: Girl Power
#CF9FCC(rgb(207 159 204), hsl(304 33% 72%), oklch(0.761 0.083 328.4))와 가장 가까운 이름 색상은 Girl Power입니다. 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
#CF9FCC
oklch(0.761 0.083 328.4)
색상 변환
- HEX
- #cf9fcc
- RGB
- rgb(207 159 204)
- HSL
- hsl(304 33% 72%)
- HWB
- hwb(304 62% 19%)
- OKLCH
- oklch(0.761 0.083 328.4)
- OKLab
- oklab(0.761 0.07 -0.043)
- CIE Lab
- lab(71.14 23.92 -15.96)
- LCH
- lch(71.14 28.75 326.3)
- CMYK
- cmyk(0% 23% 1% 19%)
틴트 · 셰이드 · 톤
틴트
- D4A8D1
- D9B2D6
- DEBBDB
- E3C5E0
- E8CFE6
- ECD8EB
- F1E2F0
- F6EBF5
- FAF5FA
셰이드
- B48AB1
- 997597
- 7F617E
- 674D65
- 4F3B4E
- 382937
- 231822
- 10090F
- 020102
톤
- C79CC4
- BF99BC
- B796B5
- AF93AD
- A790A5
- 9F8D9E
- 978A96
- 90868F
- 888387
색 조화
보색 +180°
- CF9FCC
Girl Power
- 8DC094
≈ Country Weekend
유사색 -30° +30°
- CF9FCC
Girl Power
- B8A6E0
≈ Enchanted Lavender
- DD9CB1
≈ Rose Delight
삼각 배색 +120° +240°
- CF9FCC
Girl Power
- C7AF73
≈ Sandstone
- 6EC0CD
≈ Luna Moona
분열 보색 +150° +210°
- CF9FCC
Girl Power
- ACB97D
≈ Green Curry
- 74C3B2
≈ Pale Jade
사각 배색 +90° +180° +270°
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.21:1 · APCA Lc 44
Ag
AAA검은색 위
WCAG 9.48:1 · APCA Lc 59
가장 좋은 글자색: #000000
WCAG 9.48:1 (AAA) · APCA Lc 59
Contrast pairs
코드 스니펫
CSS
:root {
--girl-power: #cf9fcc;
--girl-power-rgb: 207 159 204;
--girl-power-oklch: oklch(0.761 0.083 328.4);
}
.element {
color: var(--girl-power);
background-color: hsl(304 33% 72%);
border-color: oklch(0.761 0.083 328.4);
}Tailwind CSS v4
@theme {
--color-girl-power: #cf9fcc;
--color-girl-power-50: #ffedff;
--color-girl-power-100: #f9def5;
--color-girl-power-200: #eac8e5;
--color-girl-power-300: #d1a9cb;
--color-girl-power-400: #ba8db7;
--color-girl-power-500: #a472a2;
--color-girl-power-600: #8b6189;
--color-girl-power-700: #6f4d6d;
--color-girl-power-800: #513852;
--color-girl-power-900: #392639;
--color-girl-power-950: #231523;
}SCSS
$girl-power: #cf9fcc;
$girl-power-rgb: 207, 159, 204;
$girl-power-light: mix(#fff, $girl-power, 20%);
$girl-power-dark: mix(#000, $girl-power, 20%);
.element {
color: $girl-power;
box-shadow: 0 0 0 2px rgba($girl-power, 0.35);
}