#757EEE

#757EEE

#EEE575

#EEE575

コントラスト比

2.69:1

Delta E

123.51

Very Different

50:50 ミックス

#C1AFB7

カラー値

フォーマット #757EEE #EEE575
HEX #757EEE #EEE575
RGB 117, 126, 238 238, 229, 117
HSL 235.5, 78.1%, 69.6% 55.5, 78.1%, 69.6%
HSV 235.5, 50.8%, 93.3% 55.5, 50.8%, 93.3%
CMYK 50.8%, 47.1%, 0.0%, 6.7% 0.0%, 3.8%, 50.8%, 6.7%
OKLCH 0.6392 0.1656 277.2 0.9066 0.1343 104.6

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

2.69:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #EEE575 → 背景色: #757EEE

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

テキスト: #757EEE → 背景色: #EEE575

色差 (Delta E)

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

グラデーション

#757EEE #958EDC #AE9ECA #C1AFB7 #D2C1A3 #E1D38D #EEE575

カラーミキシング

#757EEE

100%

#A296D3

75:25

#C1AFB7

50:50

#DACA98

25:75

#EEE575

100%

CSSグラデーションコード

background: linear-gradient(to right, #757EEE, #EEE575);
background: linear-gradient(135deg, #757EEE, #EEE575);

各色を詳しく見る

#757EEE

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

#EEE575

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

関連する比較