#78A2CB

#78A2CB

#CBA178

#CBA178

コントラスト比

1.14:1

Delta E

54.64

Very Different

50:50 ミックス

#AAA1A2

カラー値

フォーマット #78A2CB #CBA178
HEX #78A2CB #CBA178
RGB 120, 162, 203 203, 161, 120
HSL 209.6, 44.4%, 63.3% 29.6, 44.4%, 63.3%
HSV 209.6, 40.9%, 79.6% 29.6, 40.9%, 79.6%
CMYK 40.9%, 20.2%, 0.0%, 20.4% 0.0%, 20.7%, 40.9%, 20.4%
OKLCH 0.6972 0.0759 248.4 0.7378 0.0744 65.6

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

1.14:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #CBA178 → 背景色: #78A2CB

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

テキスト: #78A2CB → 背景色: #CBA178

色差 (Delta E)

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

グラデーション

#78A2CB #8CA2BD #9CA2B0 #AAA1A2 #B6A194 #C1A186 #CBA178

カラーミキシング

#78A2CB

100%

#94A2B6

75:25

#AAA1A2

50:50

#BCA18D

25:75

#CBA178

100%

CSSグラデーションコード

background: linear-gradient(to right, #78A2CB, #CBA178);
background: linear-gradient(135deg, #78A2CB, #CBA178);

各色を詳しく見る

#78A2CB

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

#CBA178

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

関連する比較