#A3A4FF

#A3A4FF

#FFFEA3

#FFFEA3

コントラスト比

2.14:1

Delta E

98.84

Very Different

50:50 ミックス

#D9D0D4

カラー値

フォーマット #A3A4FF #FFFEA3
HEX #A3A4FF #FFFEA3
RGB 163, 164, 255 255, 254, 163
HSL 239.3, 100.0%, 82.0% 59.3, 100.0%, 82.0%
HSV 239.3, 36.1%, 100.0% 59.3, 36.1%, 100.0%
CMYK 36.1%, 35.7%, 0.0%, 0.0% 0.0%, 0.4%, 36.1%, 0.0%
OKLCH 0.7541 0.1298 282.3 0.9779 0.1125 107.8

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

2.14:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #FFFEA3 → 背景色: #A3A4FF

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

テキスト: #A3A4FF → 背景色: #FFFEA3

色差 (Delta E)

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

グラデーション

#A3A4FF #B8B2F1 #CAC1E3 #D9D0D4 #E7DFC4 #F4EEB4 #FFFEA3

カラーミキシング

#A3A4FF

100%

#C1BAEA

75:25

#D9D0D4

50:50

#EEE7BC

25:75

#FFFEA3

100%

CSSグラデーションコード

background: linear-gradient(to right, #A3A4FF, #FFFEA3);
background: linear-gradient(135deg, #A3A4FF, #FFFEA3);

各色を詳しく見る

#A3A4FF

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

#FFFEA3

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

関連する比較