#2F9DA9

#2F9DA9

#A93B2F

#A93B2F

对比度

1.94:1

Delta E

86.68

Very Different

50:50 混合

#8C726A

颜色值

格式 #2F9DA9 #A93B2F
HEX #2F9DA9 #A93B2F
RGB 47, 157, 169 169, 59, 47
HSL 185.9, 56.5%, 42.4% 5.9, 56.5%, 42.4%
HSV 185.9, 72.2%, 66.3% 5.9, 72.2%, 66.3%
CMYK 72.2%, 7.1%, 0.0%, 33.7% 0.0%, 65.1%, 72.2%, 33.7%
OKLCH 0.6409 0.0969 205.7 0.5071 0.1469 29.4

对比度与无障碍

1.94:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #A93B2F → 背景色: #2F9DA9

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

文本: #2F9DA9 → 背景色: #A93B2F

色差 (Delta E)

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

渐变

#2F9DA9 #618F93 #7B817E #8C726A #996256 #A25042 #A93B2F

颜色混合

#2F9DA9

100%

#6F8889

75:25

#8C726A

50:50

#9E594C

25:75

#A93B2F

100%

CSS渐变代码

background: linear-gradient(to right, #2F9DA9, #A93B2F);
background: linear-gradient(135deg, #2F9DA9, #A93B2F);

探索每种颜色

#2F9DA9

查看完整颜色详情

#A93B2F

查看完整颜色详情

相关比较