#72B9DA

#72B9DA

#DA9372

#DA9372

コントラスト比

1.15:1

Delta E

63.59

Very Different

50:50 ミックス

#B5A7A6

カラー値

フォーマット #72B9DA #DA9372
HEX #72B9DA #DA9372
RGB 114, 185, 218 218, 147, 114
HSL 199.0, 58.4%, 65.1% 19.0, 58.4%, 65.1%
HSV 199.0, 47.7%, 85.5% 19.0, 47.7%, 85.5%
CMYK 47.7%, 15.1%, 0.0%, 14.5% 0.0%, 32.6%, 47.7%, 14.5%
OKLCH 0.7512 0.0857 229.4 0.7265 0.0978 45.7

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

1.15:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #DA9372 → 背景色: #72B9DA

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

テキスト: #72B9DA → 背景色: #DA9372

色差 (Delta E)

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

グラデーション

#72B9DA #8EB3C8 #A4ADB7 #B5A7A6 #C3A094 #CF9A83 #DA9372

カラーミキシング

#72B9DA

100%

#9AB0C0

75:25

#B5A7A6

50:50

#C99D8C

25:75

#DA9372

100%

CSSグラデーションコード

background: linear-gradient(to right, #72B9DA, #DA9372);
background: linear-gradient(135deg, #72B9DA, #DA9372);

各色を詳しく見る

#72B9DA

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

#DA9372

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

関連する比較