#1C97AF

#1C97AF

#AF341C

#AF341C

对比度

1.83:1

Delta E

97.49

Very Different

50:50 混合

#906D64

颜色值

格式 #1C97AF #AF341C
HEX #1C97AF #AF341C
RGB 28, 151, 175 175, 52, 28
HSL 189.8, 72.4%, 39.8% 9.8, 72.4%, 39.8%
HSV 189.8, 84.0%, 68.6% 9.8, 84.0%, 68.6%
CMYK 84.0%, 13.7%, 0.0%, 31.4% 0.0%, 70.3%, 84.0%, 31.4%
OKLCH 0.6247 0.1047 215.2 0.5071 0.1634 33.0

对比度与无障碍

1.83:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #AF341C → 背景色: #1C97AF

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

文本: #1C97AF → 背景色: #AF341C

色差 (Delta E)

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

渐变

#1C97AF #608995 #7D7B7C #906D64 #9D5D4C #A74A34 #AF341C

颜色混合

#1C97AF

100%

#708289

75:25

#906D64

50:50

#A35440

25:75

#AF341C

100%

CSS渐变代码

background: linear-gradient(to right, #1C97AF, #AF341C);
background: linear-gradient(135deg, #1C97AF, #AF341C);

探索每种颜色

#1C97AF

查看完整颜色详情

#AF341C

查看完整颜色详情

相关比较