色名 · #F77FBE
Persian Pink
Persian Pinkは#F77FBE：rgb(247 127 190)、hsl(329 88% 73%)、oklch(0.75 0.162 349)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Pink mean? → · Persian Pink color name →
#F77FBE
oklch(0.75 0.162 349)
カラー変換
- HEX
- #f77fbe
- RGB
- rgb(247 127 190)
- HSL
- hsl(329 88% 73%)
- HWB
- hwb(329 50% 3%)
- OKLCH
- oklch(0.75 0.162 349)
- OKLab
- oklab(0.75 0.159 -0.031)
- CIE Lab
- lab(68.77 52 -11.12)
- LCH
- lch(68.77 53.18 347.9)
- CMYK
- cmyk(0% 49% 23% 3%)
ティント · シェード · トーン
ティント
- F98DC4
- FB9ACB
- FDA7D1
- FEB4D8
- FFC1DE
- FFCDE5
- FFDAEB
- FFE6F2
- FFF3F8
シェード
- D76EA5
- B75D8C
- 994C75
- 7C3C5E
- 602D48
- 451F33
- 2C111F
- 15060D
- 030102
トーン
- EB80B8
- E081B1
- D482AB
- C982A5
- BD829F
- B18298
- A58292
- 99818C
- 8D8186
カラーハーモニー
補色 +180°
- F77FBE
Persian Pink
- 00CB9D
≈ Caribbean Green
類似色 -30° +30°
- F77FBE
Persian Pink
- D98AEE
≈ Bright Lilac
- FF8387
≈ Camaron Pink
トライアド +120° +240°
- F77FBE
Persian Pink
- B7B503
≈ Pickled Limes
- 00BEF8
≈ Spiro Disco Ball
スプリットコンプリメンタリー +150° +210°
- F77FBE
Persian Pink
- 74C65C
≈ Green Flash
- 00C6CC
≈ Turquoise Surf
テトラード +90° +180° +270°
- F77FBE
Persian Pink
- E2A000
≈ Bilious Brown
- 00CB9D
≈ Caribbean Green
- 7BAFFF
≈ Fennel Flower
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 2.40:1 · APCA Lc 47
Ag
AAA黒の上
WCAG 8.73:1 · APCA Lc 55
最適な文字色: #000000
WCAG 8.73:1 (AAA) · APCA Lc 55
Contrast pairs
コードスニペット
CSS
:root {
--persian-pink: #f77fbe;
--persian-pink-rgb: 247 127 190;
--persian-pink-oklch: oklch(0.75 0.162 349);
}
.element {
color: var(--persian-pink);
background-color: hsl(329 88% 73%);
border-color: oklch(0.75 0.162 349);
}Tailwind CSS v4
@theme {
--color-persian-pink: #f77fbe;
--color-persian-pink-50: #ffe3fb;
--color-persian-pink-100: #ffd2ef;
--color-persian-pink-200: #ffb8dd;
--color-persian-pink-300: #f694c2;
--color-persian-pink-400: #e372ad;
--color-persian-pink-500: #d04f97;
--color-persian-pink-600: #af4480;
--color-persian-pink-700: #8d3666;
--color-persian-pink-800: #68264d;
--color-persian-pink-900: #491a36;
--color-persian-pink-950: #300a21;
}SCSS
$persian-pink: #f77fbe;
$persian-pink-rgb: 247, 127, 190;
$persian-pink-light: mix(#fff, $persian-pink, 20%);
$persian-pink-dark: mix(#000, $persian-pink, 20%);
.element {
color: $persian-pink;
box-shadow: 0 0 0 2px rgba($persian-pink, 0.35);
}