#64BCDD

#64BCDD

#DD8564

#DD8564

对比度

1.28:1

Delta E

74.57

Very Different

50:50 混合

#B5A2A0

颜色值

格式 #64BCDD #DD8564
HEX #64BCDD #DD8564
RGB 100, 188, 221 221, 133, 100
HSL 196.4, 64.0%, 62.9% 16.4, 64.0%, 62.9%
HSV 196.4, 54.8%, 86.7% 16.4, 54.8%, 86.7%
CMYK 54.8%, 14.9%, 0.0%, 13.3% 0.0%, 39.8%, 54.8%, 13.3%
OKLCH 0.753 0.0969 224.9 0.703 0.1182 41.2

对比度与无障碍

1.28:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #DD8564 → 背景色: #64BCDD

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

文本: #64BCDD → 背景色: #DD8564

色差 (Delta E)

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

渐变

#64BCDD #89B4C8 #A2ABB4 #B5A2A0 #C5998C #D28F78 #DD8564

颜色混合

#64BCDD

100%

#96AFBE

75:25

#B5A2A0

50:50

#CC9482

25:75

#DD8564

100%

CSS渐变代码

background: linear-gradient(to right, #64BCDD, #DD8564);
background: linear-gradient(135deg, #64BCDD, #DD8564);

探索每种颜色

#64BCDD

查看完整颜色详情

#DD8564

查看完整颜色详情

相关比较