色名 · #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);
}