色名 · #FF85CF
Princess Perfume
Princess Perfumeは#FF85CF：rgb(255 133 207)、hsl(324 100% 76%)、oklch(0.774 0.17 344.5)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Pink mean? → · Princess Perfume color name →
#FF85CF
oklch(0.774 0.17 344.5)
カラー変換
- HEX
- #ff85cf
- RGB
- rgb(255 133 207)
- HSL
- hsl(324 100% 76%)
- HWB
- hwb(324 52% 0%)
- OKLCH
- oklch(0.774 0.17 344.5)
- OKLab
- oklab(0.774 0.164 -0.045)
- CIE Lab
- lab(71.45 53.6 -16.44)
- LCH
- lch(71.45 56.07 342.9)
- CMYK
- cmyk(0% 48% 19% 0%)
ティント · シェード · トーン
ティント
- FF92D4
- FF9FD9
- FFABDE
- FFB8E2
- FFC4E7
- FFD0EC
- FFDCF1
- FFE8F5
- FFF3FA
シェード
- DE73B4
- BE6199
- 9E507F
- 804067
- 63304F
- 482138
- 2E1323
- 160610
- 030102
トーン
- F386C7
- E686BF
- DA86B7
- CD86AF
- C185A7
- B4859F
- A78497
- 9A838F
- 8D8188
カラーハーモニー
補色 +180°
- FF85CF
Princess Perfume
- 00D59A
≈ Wild Caribbean Green
類似色 -30° +30°
- FF85CF
Princess Perfume
- DD92FF
≈ Bright Lilac
- FF909B
≈ Conch Shell
トライアド +120° +240°
- FF85CF
Princess Perfume
- C7BA00
≈ Olive Yellow
- 00C8FB
≈ Bright Sky Blue
スプリットコンプリメンタリー +150° +210°
- FF85CF
Princess Perfume
- 85CC54
≈ Fairy Tale Green
- 00CFCF
≈ Jade Glass
テトラード +90° +180° +270°
- FF85CF
Princess Perfume
- F2A300
≈ Lemon Dream
- 00D59A
≈ Wild Caribbean Green
- 81B9FF
≈ Parakeet Blue
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 2.20:1 · APCA Lc 43
Ag
AAA黒の上
WCAG 9.50:1 · APCA Lc 59
最適な文字色: #000000
WCAG 9.50:1 (AAA) · APCA Lc 59
Contrast pairs
コードスニペット
CSS
:root {
--princess-perfume: #ff85cf;
--princess-perfume-rgb: 255 133 207;
--princess-perfume-oklch: oklch(0.774 0.17 344.5);
}
.element {
color: var(--princess-perfume);
background-color: hsl(324 100% 76%);
border-color: oklch(0.774 0.17 344.5);
}Tailwind CSS v4
@theme {
--color-princess-perfume: #ff85cf;
--color-princess-perfume-50: #ffe2ff;
--color-princess-perfume-100: #ffd2f3;
--color-princess-perfume-200: #ffb7e3;
--color-princess-perfume-300: #f592c9;
--color-princess-perfume-400: #e271b6;
--color-princess-perfume-500: #cf4da0;
--color-princess-perfume-600: #af4288;
--color-princess-perfume-700: #8d356d;
--color-princess-perfume-800: #682552;
--color-princess-perfume-900: #491939;
--color-princess-perfume-950: #300923;
}SCSS
$princess-perfume: #ff85cf;
$princess-perfume-rgb: 255, 133, 207;
$princess-perfume-light: mix(#fff, $princess-perfume, 20%);
$princess-perfume-dark: mix(#000, $princess-perfume, 20%);
.element {
color: $princess-perfume;
box-shadow: 0 0 0 2px rgba($princess-perfume, 0.35);
}