#959AEE

#959AEE

#EEE995

#EEE995

コントラスト比

2.06:1

Delta E

92.31

Very Different

50:50 ミックス

#CAC0C4

カラー値

フォーマット #959AEE #EEE995
HEX #959AEE #EEE995
RGB 149, 154, 238 238, 233, 149
HSL 236.6, 72.4%, 75.9% 56.6, 72.4%, 75.9%
HSV 236.6, 37.4%, 93.3% 56.6, 37.4%, 93.3%
CMYK 37.4%, 35.3%, 0.0%, 6.7% 0.0%, 2.1%, 37.4%, 6.7%
OKLCH 0.7161 0.1219 280.2 0.9194 0.1053 105.4

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

2.06:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #EEE995 → 背景色: #959AEE

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

テキスト: #959AEE → 背景色: #EEE995

色差 (Delta E)

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

グラデーション

#959AEE #A9A6E0 #BBB3D2 #CAC0C4 #D7CEB5 #E3DBA6 #EEE995

カラーミキシング

#959AEE

100%

#B2ADD9

75:25

#CAC0C4

50:50

#DDD4AE

25:75

#EEE995

100%

CSSグラデーションコード

background: linear-gradient(to right, #959AEE, #EEE995);
background: linear-gradient(135deg, #959AEE, #EEE995);

各色を詳しく見る

#959AEE

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

#EEE995

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

関連する比較