#5EB5DF

#5EB5DF

#DF885E

#DF885E

对比度

1.17:1

Delta E

78.71

Very Different

50:50 混合

#B5A09E

颜色值

格式 #5EB5DF #DF885E
HEX #5EB5DF #DF885E
RGB 94, 181, 223 223, 136, 94
HSL 199.5, 66.8%, 62.2% 19.5, 66.8%, 62.2%
HSV 199.5, 57.8%, 87.5% 19.5, 57.8%, 87.5%
CMYK 57.8%, 18.8%, 0.0%, 12.5% 0.0%, 39.0%, 57.8%, 12.5%
OKLCH 0.7354 0.1035 231.4 0.7096 0.121 46.0

对比度与无障碍

1.17:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #DF885E → 背景色: #5EB5DF

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

文本: #5EB5DF → 背景色: #DF885E

色差 (Delta E)

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

渐变

#5EB5DF #86AEC9 #A1A7B3 #B5A09E #C59889 #D39073 #DF885E

颜色混合

#5EB5DF

100%

#94ABBE

75:25

#B5A09E

50:50

#CD947E

25:75

#DF885E

100%

CSS渐变代码

background: linear-gradient(to right, #5EB5DF, #DF885E);
background: linear-gradient(135deg, #5EB5DF, #DF885E);

探索每种颜色

#5EB5DF

查看完整颜色详情

#DF885E

查看完整颜色详情

相关比较