#85AFDF

#85AFDF

#DFB585

#DFB585

对比度

1.21:1

Delta E

60.11

Very Different

50:50 混合

#BBB2B3

颜色值

格式 #85AFDF #DFB585
HEX #85AFDF #DFB585
RGB 133, 175, 223 223, 181, 133
HSL 212.0, 58.4%, 69.8% 32.0, 58.4%, 69.8%
HSV 212.0, 40.4%, 87.5% 32.0, 40.4%, 87.5%
CMYK 40.4%, 21.5%, 0.0%, 12.5% 0.0%, 18.8%, 40.4%, 12.5%
OKLCH 0.7416 0.0834 252.2 0.7993 0.0797 70.0

对比度与无障碍

1.21:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #DFB585 → 背景色: #85AFDF

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

文本: #85AFDF → 背景色: #DFB585

色差 (Delta E)

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

渐变

#85AFDF #9AB0D0 #ACB1C1 #BBB2B3 #C8B3A4 #D4B494 #DFB585

颜色混合

#85AFDF

100%

#A3B0C9

75:25

#BBB2B3

50:50

#CEB39C

25:75

#DFB585

100%

CSS渐变代码

background: linear-gradient(to right, #85AFDF, #DFB585);
background: linear-gradient(135deg, #85AFDF, #DFB585);

探索每种颜色

#85AFDF

查看完整颜色详情

#DFB585

查看完整颜色详情

相关比较