#8984FF

#8984FF

#FAFF84

#FAFF84

コントラスト比

2.89:1

Delta E

134.04

Very Different

50:50 ミックス

#D1C0C7

カラー値

フォーマット #8984FF #FAFF84
HEX #8984FF #FAFF84
RGB 137, 132, 255 250, 255, 132
HSL 242.4, 100.0%, 75.9% 62.4, 100.0%, 75.9%
HSV 242.4, 48.2%, 100.0% 62.4, 48.2%, 100.0%
CMYK 46.3%, 48.2%, 0.0%, 0.0% 2.0%, 0.0%, 48.2%, 0.0%
OKLCH 0.6752 0.177 282.4 0.9716 0.1463 110.9

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

2.89:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #FAFF84 → 背景色: #8984FF

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

テキスト: #8984FF → 背景色: #FAFF84

色差 (Delta E)

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

グラデーション

#8984FF #A797ED #BEABDA #D1C0C7 #E0D4B3 #EEEA9D #FAFF84

カラーミキシング

#8984FF

100%

#B3A1E4

75:25

#D1C0C7

50:50

#E8DFA8

25:75

#FAFF84

100%

CSSグラデーションコード

background: linear-gradient(to right, #8984FF, #FAFF84);
background: linear-gradient(135deg, #8984FF, #FAFF84);

各色を詳しく見る

#8984FF

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

#FAFF84

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

関連する比較