#7FA2DC

#7FA2DC

#DCB97F

#DCB97F

コントラスト比

1.39:1

Delta E

68.17

Very Different

50:50 ミックス

#B7ADAF

カラー値

フォーマット #7FA2DC #DCB97F
HEX #7FA2DC #DCB97F
RGB 127, 162, 220 220, 185, 127
HSL 217.4, 57.1%, 68.0% 37.4, 57.1%, 68.0%
HSV 217.4, 42.3%, 86.3% 37.4, 42.3%, 86.3%
CMYK 42.3%, 26.4%, 0.0%, 13.7% 0.0%, 15.9%, 42.3%, 13.7%
OKLCH 0.7089 0.0939 260.3 0.8031 0.0852 79.7

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

1.39:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #DCB97F → 背景色: #7FA2DC

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

テキスト: #7FA2DC → 背景色: #DCB97F

色差 (Delta E)

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

グラデーション

#7FA2DC #95A5CD #A7A9BE #B7ADAF #C5B19F #D1B58F #DCB97F

カラーミキシング

#7FA2DC

100%

#9FA7C5

75:25

#B7ADAF

50:50

#CBB397

25:75

#DCB97F

100%

CSSグラデーションコード

background: linear-gradient(to right, #7FA2DC, #DCB97F);
background: linear-gradient(135deg, #7FA2DC, #DCB97F);

各色を詳しく見る

#7FA2DC

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

#DCB97F

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

関連する比較