#7A80DF

#7A80DF

#DFD97A

#DFD97A

コントラスト比

2.4:1

Delta E

106.0

Very Different

50:50 ミックス

#B8ABB0

カラー値

フォーマット #7A80DF #DFD97A
HEX #7A80DF #DFD97A
RGB 122, 128, 223 223, 217, 122
HSL 236.4, 61.2%, 67.6% 56.4, 61.2%, 67.6%
HSV 236.4, 45.3%, 87.5% 56.4, 45.3%, 87.5%
CMYK 45.3%, 42.6%, 0.0%, 12.5% 0.0%, 2.7%, 45.3%, 12.5%
OKLCH 0.6377 0.1411 278.9 0.87 0.1176 105.4

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

2.4:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #DFD97A → 背景色: #7A80DF

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

テキスト: #7A80DF → 背景色: #DFD97A

色差 (Delta E)

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

グラデーション

#7A80DF #938ED0 #A79CC0 #B8ABB0 #C7BA9F #D3C98E #DFD97A

カラーミキシング

#7A80DF

100%

#9E95C8

75:25

#B8ABB0

50:50

#CDC297

25:75

#DFD97A

100%

CSSグラデーションコード

background: linear-gradient(to right, #7A80DF, #DFD97A);
background: linear-gradient(135deg, #7A80DF, #DFD97A);

各色を詳しく見る

#7A80DF

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

#DFD97A

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

関連する比較