#ABA3F2

#ABA3F2

#EAF2A3

#EAF2A3

コントラスト比

1.92:1

Delta E

86.48

Very Different

50:50 ミックス

#D0CACD

カラー値

フォーマット #ABA3F2 #EAF2A3
HEX #ABA3F2 #EAF2A3
RGB 171, 163, 242 234, 242, 163
HSL 246.1, 75.2%, 79.4% 66.1, 75.2%, 79.4%
HSV 246.1, 32.6%, 94.9% 66.1, 32.6%, 94.9%
CMYK 29.3%, 32.6%, 0.0%, 5.1% 3.3%, 0.0%, 32.6%, 5.1%
OKLCH 0.7522 0.1125 288.0 0.937 0.1005 113.1

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

1.92:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #EAF2A3 → 背景色: #ABA3F2

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

テキスト: #ABA3F2 → 背景色: #EAF2A3

色差 (Delta E)

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

グラデーション

#ABA3F2 #B9B0E6 #C5BDD9 #D0CACD #DAD7BF #E2E4B2 #EAF2A3

カラーミキシング

#ABA3F2

100%

#BFB6E0

75:25

#D0CACD

50:50

#DEDEB9

25:75

#EAF2A3

100%

CSSグラデーションコード

background: linear-gradient(to right, #ABA3F2, #EAF2A3);
background: linear-gradient(135deg, #ABA3F2, #EAF2A3);

各色を詳しく見る

#ABA3F2

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

#EAF2A3

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

関連する比較