#0F9DAB

#0F9DAB

#AB1D0F

#AB1D0F

对比度

2.21:1

Delta E

105.83

Very Different

50:50 混合

#906A5B

颜色值

格式 #0F9DAB #AB1D0F
HEX #0F9DAB #AB1D0F
RGB 15, 157, 171 171, 29, 15
HSL 185.4, 83.9%, 36.5% 5.4, 83.9%, 36.5%
HSV 185.4, 91.2%, 67.1% 5.4, 91.2%, 67.1%
CMYK 91.2%, 8.2%, 0.0%, 32.9% 0.0%, 83.0%, 91.2%, 32.9%
OKLCH 0.6366 0.1068 206.2 0.4786 0.1784 30.2

对比度与无障碍

2.21:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #AB1D0F → 背景色: #0F9DAB

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

文本: #0F9DAB → 背景色: #AB1D0F

色差 (Delta E)

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

渐变

#0F9DAB #5F8D90 #7D7C75 #906A5B #9C5642 #A53F29 #AB1D0F

颜色混合

#0F9DAB

100%

#708482

75:25

#906A5B

50:50

#A14B36

25:75

#AB1D0F

100%

CSS渐变代码

background: linear-gradient(to right, #0F9DAB, #AB1D0F);
background: linear-gradient(135deg, #0F9DAB, #AB1D0F);

探索每种颜色

#0F9DAB

查看完整颜色详情

#AB1D0F

查看完整颜色详情

相关比较