#09D8D3

#09D8D3

#D8090E

#D8090E

对比度

2.97:1

Delta E

135.07

Very Different

50:50 混合

#B98C6E

颜色值

格式 #09D8D3 #D8090E
HEX #09D8D3 #D8090E
RGB 9, 216, 211 216, 9, 14
HSL 178.6, 92.0%, 44.1% 358.6, 92.0%, 44.1%
HSV 178.6, 95.8%, 84.7% 358.6, 95.8%, 84.7%
CMYK 95.8%, 0.0%, 2.3%, 15.3% 0.0%, 95.8%, 93.5%, 15.3%
OKLCH 0.7974 0.1362 191.8 0.5565 0.2248 28.5

对比度与无障碍

2.97:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #D8090E → 背景色: #09D8D3

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

文本: #09D8D3 → 背景色: #D8090E

色差 (Delta E)

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

渐变

#09D8D3 #7CC0B0 #A2A78F #B98C6E #C86F4F #D24D30 #D8090E

颜色混合

#09D8D3

100%

#92B3A0

75:25

#B98C6E

50:50

#CE5F3F

25:75

#D8090E

100%

CSS渐变代码

background: linear-gradient(to right, #09D8D3, #D8090E);
background: linear-gradient(135deg, #09D8D3, #D8090E);

探索每种颜色

#09D8D3

查看完整颜色详情

#D8090E

查看完整颜色详情

相关比较