#AF85E8

#AF85E8

#BEE885

#BEE885

コントラスト比

2.05:1

Delta E

112.25

Very Different

50:50 ミックス

#BEB7BA

カラー値

フォーマット #AF85E8 #BEE885
HEX #AF85E8 #BEE885
RGB 175, 133, 232 190, 232, 133
HSL 265.5, 68.3%, 71.6% 85.5, 68.3%, 71.6%
HSV 265.5, 42.7%, 91.0% 85.5, 42.7%, 91.0%
CMYK 24.6%, 42.7%, 0.0%, 9.0% 18.1%, 0.0%, 42.7%, 9.0%
OKLCH 0.6964 0.1464 302.3 0.879 0.1342 127.7

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

2.05:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #BEE885 → 背景色: #AF85E8

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

テキスト: #AF85E8 → 背景色: #BEE885

色差 (Delta E)

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

グラデーション

#AF85E8 #B696D9 #BBA7CA #BEB7BA #C0C8A9 #C0D898 #BEE885

カラーミキシング

#AF85E8

100%

#B99ED1

75:25

#BEB7BA

50:50

#C0D0A1

25:75

#BEE885

100%

CSSグラデーションコード

background: linear-gradient(to right, #AF85E8, #BEE885);
background: linear-gradient(135deg, #AF85E8, #BEE885);

各色を詳しく見る

#AF85E8

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

#BEE885

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

関連する比較