#3CB9CD

#3CB9CD

#CD503C

#CD503C

对比度

1.87:1

Delta E

96.72

Very Different

50:50 混合

#A98A82

颜色值

格式 #3CB9CD #CD503C
HEX #3CB9CD #CD503C
RGB 60, 185, 205 205, 80, 60
HSL 188.3, 59.2%, 52.0% 8.3, 59.2%, 52.0%
HSV 188.3, 70.7%, 80.4% 8.3, 70.7%, 80.4%
CMYK 70.7%, 9.8%, 0.0%, 19.6% 0.0%, 61.0%, 70.7%, 19.6%
OKLCH 0.7265 0.1099 210.4 0.5938 0.1629 31.4

对比度与无障碍

1.87:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #CD503C → 背景色: #3CB9CD

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

文本: #3CB9CD → 背景色: #CD503C

色差 (Delta E)

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

渐变

#3CB9CD #76AAB4 #949A9B #A98A82 #B8796A #C46653 #CD503C

颜色混合

#3CB9CD

100%

#87A2A7

75:25

#A98A82

50:50

#BF705F

25:75

#CD503C

100%

CSS渐变代码

background: linear-gradient(to right, #3CB9CD, #CD503C);
background: linear-gradient(135deg, #3CB9CD, #CD503C);

探索每种颜色

#3CB9CD

查看完整颜色详情

#CD503C

查看完整颜色详情

相关比较