#987CFF

#987CFF

#E3FF7C

#E3FF7C

コントラスト比

2.83:1

Delta E

143.16

Very Different

50:50 ミックス

#CCBDC4

カラー値

フォーマット #987CFF #E3FF7C
HEX #987CFF #E3FF7C
RGB 152, 124, 255 227, 255, 124
HSL 252.8, 100.0%, 74.3% 72.8, 100.0%, 74.3%
HSV 252.8, 51.4%, 100.0% 72.8, 51.4%, 100.0%
CMYK 40.4%, 51.4%, 0.0%, 0.0% 11.0%, 0.0%, 51.4%, 0.0%
OKLCH 0.6733 0.187 290.3 0.9534 0.1596 119.5

コントラストとアクセシビリティ

2.83:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

いろはにほへとちりぬるをわかよたれそつねならむ

テキスト: #E3FF7C → 背景色: #987CFF

いろはにほへとちりぬるをわかよたれそつねならむ

テキスト: #987CFF → 背景色: #E3FF7C

色差 (Delta E)

143.16 Very Different
0 — 同一 5 — 類似 25 — 目立つ差異 100 — 大きく異なる

グラデーション

#987CFF #AE91EC #BFA7D8 #CCBDC4 #D6D3AE #DEE997 #E3FF7C

カラーミキシング

#987CFF

100%

#B79CE2

75:25

#CCBDC4

50:50

#DADEA3

25:75

#E3FF7C

100%

CSSグラデーションコード

background: linear-gradient(to right, #987CFF, #E3FF7C);
background: linear-gradient(135deg, #987CFF, #E3FF7C);

各色を詳しく見る

#987CFF

カラーの詳細をすべて見る

#E3FF7C

カラーの詳細をすべて見る

関連する比較