#2177CF

#2177CF

#CF7921

#CF7921

对比度

1.39:1

Delta E

112.68

Very Different

50:50 混合

#A1777E

颜色值

格式 #2177CF #CF7921
HEX #2177CF #CF7921
RGB 33, 119, 207 207, 121, 33
HSL 210.3, 72.5%, 47.1% 30.3, 72.5%, 47.1%
HSV 210.3, 84.1%, 81.2% 30.3, 84.1%, 81.2%
CMYK 84.1%, 42.5%, 0.0%, 18.8% 0.0%, 41.5%, 84.1%, 18.8%
OKLCH 0.5663 0.1569 253.2 0.6569 0.1424 60.0

对比度与无障碍

1.39:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #CF7921 → 背景色: #2177CF

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

文本: #2177CF → 背景色: #CF7921

色差 (Delta E)

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

渐变

#2177CF #6877B4 #8A7799 #A1777E #B37762 #C27845 #CF7921

颜色混合

#2177CF

100%

#7B77A6

75:25

#A1777E

50:50

#BB7854

25:75

#CF7921

100%

CSS渐变代码

background: linear-gradient(to right, #2177CF, #CF7921);
background: linear-gradient(135deg, #2177CF, #CF7921);

探索每种颜色

#2177CF

查看完整颜色详情

#CF7921

查看完整颜色详情

相关比较