#679DEC

#679DEC

#ECB667

#ECB667

コントラスト比

1.5:1

Delta E

93.52

Very Different

50:50 ミックス

#BDA8AC

カラー値

フォーマット #679DEC #ECB667
HEX #679DEC #ECB667
RGB 103, 157, 236 236, 182, 103
HSL 215.6, 77.8%, 66.5% 35.6, 77.8%, 66.5%
HSV 215.6, 56.4%, 92.5% 35.6, 56.4%, 92.5%
CMYK 56.4%, 33.5%, 0.0%, 7.5% 0.0%, 22.9%, 56.4%, 7.5%
OKLCH 0.6926 0.1304 257.8 0.8095 0.1153 75.4

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

1.5:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #ECB667 → 背景色: #679DEC

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

テキスト: #679DEC → 背景色: #ECB667

色差 (Delta E)

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

グラデーション

#679DEC #8DA1D7 #A7A4C1 #BDA8AC #CFAD96 #DEB17F #ECB667

カラーミキシング

#679DEC

100%

#9BA2CC

75:25

#BDA8AC

50:50

#D7AF8B

25:75

#ECB667

100%

CSSグラデーションコード

background: linear-gradient(to right, #679DEC, #ECB667);
background: linear-gradient(135deg, #679DEC, #ECB667);

各色を詳しく見る

#679DEC

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

#ECB667

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

関連する比較