#09ABCF

#09ABCF

#CF2D09

#CF2D09

对比度

1.92:1

Delta E

120.93

Very Different

50:50 混合

#AB786E

颜色值

格式 #09ABCF #CF2D09
HEX #09ABCF #CF2D09
RGB 9, 171, 207 207, 45, 9
HSL 190.9, 91.7%, 42.4% 10.9, 91.7%, 42.4%
HSV 190.9, 95.7%, 81.2% 10.9, 95.7%, 81.2%
CMYK 95.7%, 17.4%, 0.0%, 18.8% 0.0%, 78.3%, 95.7%, 18.8%
OKLCH 0.6861 0.1239 220.2 0.5567 0.2018 32.8

对比度与无障碍

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

文本可读性

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

文本: #CF2D09 → 背景色: #09ABCF

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

文本: #09ABCF → 背景色: #CF2D09

色差 (Delta E)

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

渐变

#09ABCF #719BAE #948A8D #AB786E #BB644F #C64D2F #CF2D09

颜色混合

#09ABCF

100%

#85929D

75:25

#AB786E

50:50

#C1593F

25:75

#CF2D09

100%

CSS渐变代码

background: linear-gradient(to right, #09ABCF, #CF2D09);
background: linear-gradient(135deg, #09ABCF, #CF2D09);

探索每种颜色

#09ABCF

查看完整颜色详情

#CF2D09

查看完整颜色详情

相关比较