#2D9DAB

#2D9DAB

#AB3B2D

#AB3B2D

对比度

1.92:1

Delta E

88.31

Very Different

50:50 混合

#8D726A

颜色值

格式 #2D9DAB #AB3B2D
HEX #2D9DAB #AB3B2D
RGB 45, 157, 171 171, 59, 45
HSL 186.7, 58.3%, 42.4% 6.7, 58.3%, 42.4%
HSV 186.7, 73.7%, 67.1% 6.7, 73.7%, 67.1%
CMYK 73.7%, 8.2%, 0.0%, 32.9% 0.0%, 65.5%, 73.7%, 32.9%
OKLCH 0.6412 0.0983 207.3 0.5101 0.1495 30.1

对比度与无障碍

1.92:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #AB3B2D → 背景色: #2D9DAB

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

文本: #2D9DAB → 背景色: #AB3B2D

色差 (Delta E)

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

渐变

#2D9DAB #618F95 #7C817F #8D726A #9A6255 #A45041 #AB3B2D

颜色混合

#2D9DAB

100%

#70888A

75:25

#8D726A

50:50

#9F594B

25:75

#AB3B2D

100%

CSS渐变代码

background: linear-gradient(to right, #2D9DAB, #AB3B2D);
background: linear-gradient(135deg, #2D9DAB, #AB3B2D);

探索每种颜色

#2D9DAB

查看完整颜色详情

#AB3B2D

查看完整颜色详情

相关比较