#70A6FF

#70A6FF

#FFC970

#FFC970

コントラスト比

1.61:1

Delta E

102.08

Very Different

50:50 ミックス

#CCB6BA

カラー値

フォーマット #70A6FF #FFC970
HEX #70A6FF #FFC970
RGB 112, 166, 255 255, 201, 112
HSL 217.3, 100.0%, 72.0% 37.3, 100.0%, 72.0%
HSV 217.3, 56.1%, 100.0% 37.3, 56.1%, 100.0%
CMYK 56.1%, 34.9%, 0.0%, 0.0% 0.0%, 21.2%, 56.1%, 0.0%
OKLCH 0.726 0.1423 260.0 0.8662 0.1232 78.5

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

1.61:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #FFC970 → 背景色: #70A6FF

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

テキスト: #70A6FF → 背景色: #FFC970

色差 (Delta E)

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

グラデーション

#70A6FF #98ABE8 #B5B0D1 #CCB6BA #DFBCA3 #F0C28A #FFC970

カラーミキシング

#70A6FF

100%

#A8AEDD

75:25

#CCB6BA

50:50

#E8BF97

25:75

#FFC970

100%

CSSグラデーションコード

background: linear-gradient(to right, #70A6FF, #FFC970);
background: linear-gradient(135deg, #70A6FF, #FFC970);

各色を詳しく見る

#70A6FF

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

#FFC970

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

関連する比較