#56CDDF

#56CDDF

#DF6856

#DF6856

对比度

1.79:1

Delta E

91.08

Very Different

50:50 混合

#B99F99

颜色值

格式 #56CDDF #DF6856
HEX #56CDDF #DF6856
RGB 86, 205, 223 223, 104, 86
HSL 187.9, 68.2%, 60.6% 7.9, 68.2%, 60.6%
HSV 187.9, 61.4%, 87.5% 7.9, 61.4%, 87.5%
CMYK 61.4%, 8.1%, 0.0%, 12.5% 0.0%, 53.4%, 61.4%, 12.5%
OKLCH 0.788 0.1083 208.9 0.6576 0.1525 30.4

对比度与无障碍

1.79:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

敏捷的棕色狐狸跳过了懒狗

文本: #DF6856 → 背景色: #56CDDF

敏捷的棕色狐狸跳过了懒狗

文本: #56CDDF → 背景色: #DF6856

色差 (Delta E)

91.08 Very Different
0 — 完全相同 5 — 相似 25 — 明显差异 100 — 差异很大

渐变

#56CDDF #87BEC7 #A4AFB0 #B99F99 #C98E82 #D57C6C #DF6856

颜色混合

#56CDDF

100%

#97B6BB

75:25

#B99F99

50:50

#CF8577

25:75

#DF6856

100%

CSS渐变代码

background: linear-gradient(to right, #56CDDF, #DF6856);
background: linear-gradient(135deg, #56CDDF, #DF6856);

探索每种颜色

#56CDDF

查看完整颜色详情

#DF6856

查看完整颜色详情

相关比较