#64AACB

#64AACB

#CB8564

#CB8564

对比度

1.15:1

Delta E

63.87

Very Different

50:50 混合

颜色值

格式 #64AACB #CB8564
HEX #64AACB #CB8564
RGB 100, 170, 203 203, 133, 100
HSL 199.2, 49.8%, 59.4% 19.2, 49.8%, 59.4%
HSV 199.2, 50.7%, 79.6% 19.2, 50.7%, 79.6%
CMYK 50.7%, 16.3%, 0.0%, 20.4% 0.0%, 34.5%, 50.7%, 20.4%
OKLCH 0.7045 0.0856 230.0 0.6811 0.0982 45.9

对比度与无障碍

1.15:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #CB8564 → 背景色: #64AACB

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

文本: #64AACB → 背景色: #CB8564

色差 (Delta E)

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

渐变

颜色混合

CSS渐变代码

background: linear-gradient(to right, #64AACB, #CB8564);
background: linear-gradient(135deg, #64AACB, #CB8564);

探索每种颜色

相关比较