#44BCDF

#44BCDF

#DF6744

#DF6744

コントラスト比

1.54:1

Delta E

96.83

Very Different

50:50 ミックス

#B59590

カラー値

フォーマット #44BCDF #DF6744
HEX #44BCDF #DF6744
RGB 68, 188, 223 223, 103, 68
HSL 193.5, 70.8%, 57.1% 13.5, 70.8%, 57.1%
HSV 193.5, 69.5%, 87.5% 13.5, 69.5%, 87.5%
CMYK 69.5%, 15.7%, 0.0%, 12.5% 0.0%, 53.8%, 69.5%, 12.5%
OKLCH 0.743 0.1155 221.1 0.6535 0.1585 37.0

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

1.54:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #DF6744 → 背景色: #44BCDF

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

テキスト: #44BCDF → 背景色: #DF6744

色差 (Delta E)

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

グラデーション

#44BCDF #7FB0C4 #9FA3AA #B59590 #C78777 #D4785D #DF6744

カラーミキシング

#44BCDF

100%

#90A9B7

75:25

#B59590

50:50

#CE806A

25:75

#DF6744

100%

CSSグラデーションコード

background: linear-gradient(to right, #44BCDF, #DF6744);
background: linear-gradient(135deg, #44BCDF, #DF6744);

各色を詳しく見る

#44BCDF

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

#DF6744

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

関連する比較