#5DCCDF

#5DCCDF

#DF705D

#DF705D

コントラスト比

1.69:1

Delta E

85.61

Very Different

50:50 ミックス

#B9A19C

カラー値

フォーマット #5DCCDF #DF705D
HEX #5DCCDF #DF705D
RGB 93, 204, 223 223, 112, 93
HSL 188.8, 67.0%, 62.0% 8.8, 67.0%, 62.0%
HSV 188.8, 58.3%, 87.5% 8.8, 58.3%, 87.5%
CMYK 58.3%, 8.5%, 0.0%, 12.5% 0.0%, 49.8%, 58.3%, 12.5%
OKLCH 0.7879 0.104 210.4 0.6706 0.1425 31.2

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

1.69:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

テキスト読みやすさ

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

テキスト: #DF705D → 背景色: #5DCCDF

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

テキスト: #5DCCDF → 背景色: #DF705D

色差 (Delta E)

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

グラデーション

#5DCCDF #89BEC8 #A5B0B2 #B9A19C #C99287 #D58272 #DF705D

カラーミキシング

#5DCCDF

100%

#98B7BD

75:25

#B9A19C

50:50

#CF8A7C

25:75

#DF705D

100%

CSSグラデーションコード

background: linear-gradient(to right, #5DCCDF, #DF705D);
background: linear-gradient(135deg, #5DCCDF, #DF705D);

各色を詳しく見る

#5DCCDF

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

#DF705D

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

関連する比較