色名 · #E936A7
Pink Bite
Pink Biteは#E936A7：rgb(233 54 167)、hsl(322 80% 56%)、oklch(0.642 0.235 347.3)。ティント、シェード、ハーモニー、WCAG/APCAコントラスト、CSS・Tailwind v4・SCSSコードを確認できます。
What does Pink mean? → · Pink Bite color name →
#E936A7
oklch(0.642 0.235 347.3)
カラー変換
- HEX
- #e936a7
- RGB
- rgb(233 54 167)
- HSL
- hsl(322 80% 56%)
- HWB
- hwb(322 21% 9%)
- OKLCH
- oklch(0.642 0.235 347.3)
- OKLab
- oklab(0.642 0.229 -0.052)
- CIE Lab
- lab(55.19 73.59 -18.54)
- LCH
- lch(55.19 75.89 345.9)
- CMYK
- cmyk(0% 77% 28% 9%)
ティント · シェード · トーン
ティント
- EE52B0
- F369B8
- F77EC1
- FA92CA
- FDA5D3
- FFB7DC
- FFC9E4
- FFDBED
- FFEDF6
シェード
- CB2E91
- AD257B
- 901E66
- 741652
- 5A0F3E
- 41082C
- 29031A
- 13010A
- 030001
トーン
- E044A3
- D6509F
- CD599B
- C36098
- B96794
- AF6D90
- A4738C
- 997888
- 8D7C84
カラーハーモニー
補色 +180°
- E936A7
Pink Bite
- 00A57C
≈ Active Green
類似色 -30° +30°
- E936A7
Pink Bite
- C44EE8
≈ Bubblegum Baby Girl
- FB2C56
≈ Red Pink
トライアド +120° +240°
- E936A7
Pink Bite
- 969100
≈ Old Asparagus
- 009BC7
≈ Isle of Capri
スプリットコンプリメンタリー +150° +210°
- E936A7
Pink Bite
- 48A600
≈ Lawn Green
- 00A1A4
≈ Pleasant Stream
テトラード +90° +180° +270°
コントラストとアクセシビリティ
Ag
Fail白の上
WCAG 3.78:1 · APCA Lc 64
Ag
AA黒の上
WCAG 5.55:1 · APCA Lc 38
最適な文字色: #000000
WCAG 5.55:1 (AA) · APCA Lc 38
Contrast pairs
コードスニペット
CSS
:root {
--pink-bite: #e936a7;
--pink-bite-rgb: 233 54 167;
--pink-bite-oklch: oklch(0.642 0.235 347.3);
}
.element {
color: var(--pink-bite);
background-color: hsl(322 80% 56%);
border-color: oklch(0.642 0.235 347.3);
}Tailwind CSS v4
@theme {
--color-pink-bite: #e936a7;
--color-pink-bite-50: #ffdaff;
--color-pink-bite-100: #ffc8f4;
--color-pink-bite-200: #ffa9e4;
--color-pink-bite-300: #ff7eca;
--color-pink-bite-400: #fa54b8;
--color-pink-bite-500: #e908a3;
--color-pink-bite-600: #c41389;
--color-pink-bite-700: #9e116e;
--color-pink-bite-800: #750a54;
--color-pink-bite-900: #53073b;
--color-pink-bite-950: #370025;
}SCSS
$pink-bite: #e936a7;
$pink-bite-rgb: 233, 54, 167;
$pink-bite-light: mix(#fff, $pink-bite, 20%);
$pink-bite-dark: mix(#000, $pink-bite, 20%);
.element {
color: $pink-bite;
box-shadow: 0 0 0 2px rgba($pink-bite, 0.35);
}