#A156EB

#A156EB

white

#FFFFFF

コントラスト比

4.16:1

Delta E

98.5

Very Different

50:50 ミックス

#D5ABF6

カラー値

フォーマット #A156EB #FFFFFF
HEX #A156EB #FFFFFF
RGB 161, 86, 235 255, 255, 255
HSL 270.2, 78.8%, 62.9% 0.0, 0.0%, 100.0%
HSV 270.2, 63.4%, 92.2% 0.0, 0.0%, 100.0%
CMYK 31.5%, 63.4%, 0.0%, 7.8% 0.0%, 0.0%, 0.0%, 0.0%
OKLCH 0.6122 0.2171 303.8 1.0 0.0 89.9

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

4.16:1
AA Fail AA Large Pass AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #FFFFFF → 背景色: #A156EB

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

テキスト: #A156EB → 背景色: #FFFFFF

色差 (Delta E)

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

グラデーション

#A156EB #B473EF #C58FF3 #D5ABF6 #E4C7FA #F2E3FD #FFFFFF

カラーミキシング

#A156EB

100%

#BC81F1

75:25

#D5ABF6

50:50

#EBD5FB

25:75

#FFFFFF

100%

CSSグラデーションコード

background: linear-gradient(to right, #A156EB, #FFFFFF);
background: linear-gradient(135deg, #A156EB, #FFFFFF);

各色を詳しく見る

#A156EB

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

white

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

関連する比較