#5EB8DF

#5EB8DF

#DF855E

#DF855E

对比度

1.23:1

Delta E

78.88

Very Different

50:50 混合

#B5A09E

颜色值

格式 #5EB8DF #DF855E
HEX #5EB8DF #DF855E
RGB 94, 184, 223 223, 133, 94
HSL 198.1, 66.8%, 62.2% 18.1, 66.8%, 62.2%
HSV 198.1, 57.8%, 87.5% 18.1, 57.8%, 87.5%
CMYK 57.8%, 17.5%, 0.0%, 12.5% 0.0%, 40.4%, 57.8%, 12.5%
OKLCH 0.7423 0.1027 228.7 0.7045 0.1231 43.8

对比度与无障碍

1.23:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #DF855E → 背景色: #5EB8DF

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

文本: #5EB8DF → 背景色: #DF855E

色差 (Delta E)

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

渐变

#5EB8DF #86B0C9 #A1A8B3 #B5A09E #C69789 #D38E73 #DF855E

颜色混合

#5EB8DF

100%

#95ACBE

75:25

#B5A09E

50:50

#CD937E

25:75

#DF855E

100%

CSS渐变代码

background: linear-gradient(to right, #5EB8DF, #DF855E);
background: linear-gradient(135deg, #5EB8DF, #DF855E);

探索每种颜色

#5EB8DF

查看完整颜色详情

#DF855E

查看完整颜色详情

相关比较