#4EB9DA

#4EB9DA

#DA6F4E

#DA6F4E

コントラスト比

1.46:1

Delta E

87.66

Very Different

50:50 ミックス

#B29793

カラー値

フォーマット #4EB9DA #DA6F4E
HEX #4EB9DA #DA6F4E
RGB 78, 185, 218 218, 111, 78
HSL 194.1, 65.4%, 58.0% 14.1, 65.4%, 58.0%
HSV 194.1, 64.2%, 85.5% 14.1, 64.2%, 85.5%
CMYK 64.2%, 15.1%, 0.0%, 14.5% 0.0%, 49.1%, 64.2%, 14.5%
OKLCH 0.7368 0.1078 221.6 0.6597 0.1424 37.8

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

1.46:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #DA6F4E → 背景色: #4EB9DA

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

テキスト: #4EB9DA → 背景色: #DA6F4E

色差 (Delta E)

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

グラデーション

#4EB9DA #7FAEC2 #9CA3AA #B29793 #C28A7C #CF7D65 #DA6F4E

カラーミキシング

#4EB9DA

100%

#8FA8B6

75:25

#B29793

50:50

#C98470

25:75

#DA6F4E

100%

CSSグラデーションコード

background: linear-gradient(to right, #4EB9DA, #DA6F4E);
background: linear-gradient(135deg, #4EB9DA, #DA6F4E);

各色を詳しく見る

#4EB9DA

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

#DA6F4E

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

関連する比較