이름 색상 · #D39BCB
Girl Power
Girl Power은(는) #D39BCB: rgb(211 155 203), hsl(309 39% 72%), oklch(0.758 0.092 331.5). 틴트, 셰이드, 색 조화, WCAG·APCA 대비, CSS·Tailwind v4·SCSS 코드를 확인하세요.
What does Pink mean? → · Girl Power color name →
#D39BCB
oklch(0.758 0.092 331.5)
색상 변환
- HEX
- #d39bcb
- RGB
- rgb(211 155 203)
- HSL
- hsl(309 39% 72%)
- HWB
- hwb(309 61% 17%)
- OKLCH
- oklch(0.758 0.092 331.5)
- OKLab
- oklab(0.758 0.081 -0.044)
- CIE Lab
- lab(70.6 27.26 -16.16)
- LCH
- lch(70.6 31.69 329.3)
- CMYK
- cmyk(0% 27% 4% 17%)
틴트 · 셰이드 · 톤
틴트
- D8A5D0
- DCAFD5
- E1B9DB
- E5C3E0
- EACDE5
- EED7EA
- F3E1EF
- F7EBF5
- FBF5FA
셰이드
- B786B0
- 9C7296
- 825E7D
- 694B65
- 51394D
- 3A2837
- 241822
- 10090F
- 020102
톤
- CB98C3
- C296BC
- BA93B4
- B291AC
- A98EA5
- A18B9D
- 998896
- 91868F
- 888387
색 조화
보색 +180°
- D39BCB
Girl Power
- 84C193
≈ Country Weekend
유사색 -30° +30°
- D39BCB
Girl Power
- BAA3E2
≈ Enchanted Lavender
- E298AC
≈ Rose Delight
삼각 배색 +120° +240°
- D39BCB
Girl Power
- C6AF6A
≈ Champagne Grape
- 63C0D2
≈ Skydive
분열 보색 +150° +210°
- D39BCB
Girl Power
- A7BA77
≈ Green Curry
- 67C4B4
≈ Miami Teal
사각 배색 +90° +180° +270°
- D39BCB
Girl Power
- DBA373
≈ Japanese Yew
- 84C193
≈ Country Weekend
- 7AB8E6
≈ Aero
대비 및 접근성
Ag
Fail흰색 위
WCAG 2.25:1 · APCA Lc 44
Ag
AAA검은색 위
WCAG 9.32:1 · APCA Lc 58
가장 좋은 글자색: #000000
WCAG 9.32:1 (AAA) · APCA Lc 58
Contrast pairs
코드 스니펫
CSS
:root {
--girl-power: #d39bcb;
--girl-power-rgb: 211 155 203;
--girl-power-oklch: oklch(0.758 0.092 331.5);
}
.element {
color: var(--girl-power);
background-color: hsl(309 39% 72%);
border-color: oklch(0.758 0.092 331.5);
}Tailwind CSS v4
@theme {
--color-girl-power: #d39bcb;
--color-girl-power-50: #ffecff;
--color-girl-power-100: #fcddf5;
--color-girl-power-200: #edc6e5;
--color-girl-power-300: #d5a6cb;
--color-girl-power-400: #bf8ab7;
--color-girl-power-500: #a96fa2;
--color-girl-power-600: #8f5e89;
--color-girl-power-700: #734b6e;
--color-girl-power-800: #543652;
--color-girl-power-900: #3b2539;
--color-girl-power-950: #251423;
}SCSS
$girl-power: #d39bcb;
$girl-power-rgb: 211, 155, 203;
$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);
}