#6EB3DC

#6EB3DC

#DC976E

#DC976E

コントラスト比

1.05:1

Delta E

67.43

Very Different

50:50 ミックス

#B5A6A5

カラー値

フォーマット #6EB3DC #DC976E
HEX #6EB3DC #DC976E
RGB 110, 179, 220 220, 151, 110
HSL 202.4, 61.1%, 64.7% 22.4, 61.1%, 64.7%
HSV 202.4, 50.0%, 86.3% 22.4, 50.0%, 86.3%
CMYK 50.0%, 18.6%, 0.0%, 13.7% 0.0%, 31.4%, 50.0%, 13.7%
OKLCH 0.7367 0.0918 236.0 0.7353 0.1001 51.3

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

1.05:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #DC976E → 背景色: #6EB3DC

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

テキスト: #6EB3DC → 背景色: #DC976E

色差 (Delta E)

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

グラデーション

#6EB3DC #8CAFC9 #A3AAB7 #B5A6A5 #C4A193 #D19C80 #DC976E

カラーミキシング

#6EB3DC

100%

#98ACC0

75:25

#B5A6A5

50:50

#CA9E8A

25:75

#DC976E

100%

CSSグラデーションコード

background: linear-gradient(to right, #6EB3DC, #DC976E);
background: linear-gradient(135deg, #6EB3DC, #DC976E);

各色を詳しく見る

#6EB3DC

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

#DC976E

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

関連する比較