#2F9DA8

#2F9DA8

#A83A2F

#A83A2F

对比度

1.97:1

Delta E

86.56

Very Different

50:50 混合

#8B7169

颜色值

格式 #2F9DA8 #A83A2F
HEX #2F9DA8 #A83A2F
RGB 47, 157, 168 168, 58, 47
HSL 185.5, 56.3%, 42.2% 5.5, 56.3%, 42.2%
HSV 185.5, 72.0%, 65.9% 5.5, 72.0%, 65.9%
CMYK 72.0%, 6.5%, 0.0%, 34.1% 0.0%, 65.5%, 72.0%, 34.1%
OKLCH 0.6405 0.0967 204.8 0.5041 0.1468 29.0

对比度与无障碍

1.97:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #A83A2F → 背景色: #2F9DA8

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

文本: #2F9DA8 → 背景色: #A83A2F

色差 (Delta E)

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

渐变

#2F9DA8 #618F93 #7A807E #8B7169 #986155 #A14F42 #A83A2F

颜色混合

#2F9DA8

100%

#6F8888

75:25

#8B7169

50:50

#9D584C

25:75

#A83A2F

100%

CSS渐变代码

background: linear-gradient(to right, #2F9DA8, #A83A2F);
background: linear-gradient(135deg, #2F9DA8, #A83A2F);

探索每种颜色

#2F9DA8

查看完整颜色详情

#A83A2F

查看完整颜色详情

相关比较