#77AFEC

#77AFEC

#ECB477

#ECB477

コントラスト比

1.24:1

Delta E

76.79

Very Different

50:50 ミックス

#C0B1B2

カラー値

フォーマット #77AFEC #ECB477
HEX #77AFEC #ECB477
RGB 119, 175, 236 236, 180, 119
HSL 211.3, 75.5%, 69.6% 31.3, 75.5%, 69.6%
HSV 211.3, 49.6%, 92.5% 31.3, 49.6%, 92.5%
CMYK 49.6%, 25.8%, 0.0%, 7.5% 0.0%, 23.7%, 49.6%, 7.5%
OKLCH 0.7394 0.1067 251.4 0.8081 0.1015 68.0

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

1.24:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #ECB477 → 背景色: #77AFEC

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

テキスト: #77AFEC → 背景色: #ECB477

色差 (Delta E)

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

グラデーション

#77AFEC #96B0D9 #ADB0C6 #C0B1B2 #D1B29F #DFB38B #ECB477

カラーミキシング

#77AFEC

100%

#A2B0CF

75:25

#C0B1B2

50:50

#D8B295

25:75

#ECB477

100%

CSSグラデーションコード

background: linear-gradient(to right, #77AFEC, #ECB477);
background: linear-gradient(135deg, #77AFEC, #ECB477);

各色を詳しく見る

#77AFEC

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

#ECB477

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

関連する比較