#7C8AEE

#7C8AEE

#EEE07C

#EEE07C

コントラスト比

2.32:1

Delta E

110.22

Very Different

50:50 ミックス

#C3B3B9

カラー値

フォーマット #7C8AEE #EEE07C
HEX #7C8AEE #EEE07C
RGB 124, 138, 238 238, 224, 124
HSL 232.6, 77.0%, 71.0% 52.6, 77.0%, 71.0%
HSV 232.6, 47.9%, 93.3% 52.6, 47.9%, 93.3%
CMYK 47.9%, 42.0%, 0.0%, 6.7% 0.0%, 5.9%, 47.9%, 6.7%
OKLCH 0.6671 0.1483 275.6 0.8973 0.1225 101.4

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

2.32:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #EEE07C → 背景色: #7C8AEE

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

テキスト: #7C8AEE → 背景色: #EEE07C

色差 (Delta E)

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

グラデーション

#7C8AEE #9997DD #B0A5CB #C3B3B9 #D3C2A6 #E1D192 #EEE07C

カラーミキシング

#7C8AEE

100%

#A59ED4

75:25

#C3B3B9

50:50

#DAC99C

25:75

#EEE07C

100%

CSSグラデーションコード

background: linear-gradient(to right, #7C8AEE, #EEE07C);
background: linear-gradient(135deg, #7C8AEE, #EEE07C);

各色を詳しく見る

#7C8AEE

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

#EEE07C

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

関連する比較