#5DB7EB

#5DB7EB

#EB915D

#EB915D

コントラスト比

1.08:1

Delta E

86.03

Very Different

50:50 ミックス

#BDA5A4

カラー値

フォーマット #5DB7EB #EB915D
HEX #5DB7EB #EB915D
RGB 93, 183, 235 235, 145, 93
HSL 202.0, 78.0%, 64.3% 22.0, 78.0%, 64.3%
HSV 202.0, 60.4%, 92.2% 22.0, 60.4%, 92.2%
CMYK 60.4%, 22.1%, 0.0%, 7.8% 0.0%, 38.3%, 60.4%, 7.8%
OKLCH 0.7448 0.1143 236.4 0.7397 0.1284 49.8

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

1.08:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #EB915D → 背景色: #5DB7EB

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

テキスト: #5DB7EB → 背景色: #EB915D

色差 (Delta E)

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

グラデーション

#5DB7EB #8AB1D3 #A7ABBB #BDA5A4 #CF9F8D #DE9875 #EB915D

カラーミキシング

#5DB7EB

100%

#9AAEC7

75:25

#BDA5A4

50:50

#D79B81

25:75

#EB915D

100%

CSSグラデーションコード

background: linear-gradient(to right, #5DB7EB, #EB915D);
background: linear-gradient(135deg, #5DB7EB, #EB915D);

各色を詳しく見る

#5DB7EB

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

#EB915D

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

関連する比較