#5FADEB

#5FADEB

#EB9D5F

#EB9D5F

对比度

1.1:1

Delta E

87.16

Very Different

50:50 混合

#BCA5A6

颜色值

格式 #5FADEB #EB9D5F
HEX #5FADEB #EB9D5F
RGB 95, 173, 235 235, 157, 95
HSL 206.6, 77.8%, 64.7% 26.6, 77.8%, 64.7%
HSV 206.6, 59.6%, 92.2% 26.6, 59.6%, 92.2%
CMYK 59.6%, 26.4%, 0.0%, 7.8% 0.0%, 33.2%, 59.6%, 7.8%
OKLCH 0.7232 0.1192 244.5 0.761 0.1218 58.0

对比度与无障碍

1.1:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #EB9D5F → 背景色: #5FADEB

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

文本: #5FADEB → 背景色: #EB9D5F

色差 (Delta E)

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

渐变

#5FADEB #8AAAD4 #A6A8BD #BCA5A6 #CEA28F #DEA077 #EB9D5F

颜色混合

#5FADEB

100%

#99A9C8

75:25

#BCA5A6

50:50

#D6A183

25:75

#EB9D5F

100%

CSS渐变代码

background: linear-gradient(to right, #5FADEB, #EB9D5F);
background: linear-gradient(135deg, #5FADEB, #EB9D5F);

探索每种颜色

#5FADEB

查看完整颜色详情

#EB9D5F

查看完整颜色详情

相关比较