#136CCC

#136CCC

#CC7313

#CC7313

对比度

1.49:1

Delta E

118.91

Very Different

50:50 混合

#9E6E78

颜色值

格式 #136CCC #CC7313
HEX #136CCC #CC7313
RGB 19, 108, 204 204, 115, 19
HSL 211.1, 83.0%, 43.7% 31.1, 83.0%, 43.7%
HSV 211.1, 90.7%, 80.0% 31.1, 90.7%, 80.0%
CMYK 90.7%, 47.1%, 0.0%, 20.0% 0.0%, 43.6%, 90.7%, 20.0%
OKLCH 0.5372 0.168 255.2 0.642 0.1464 59.2

对比度与无障碍

1.49:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #CC7313 → 背景色: #136CCC

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

文本: #136CCC → 背景色: #CC7313

色差 (Delta E)

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

渐变

#136CCC #656CB0 #876D94 #9E6E78 #B06F5C #BF713D #CC7313

颜色混合

#136CCC

100%

#786CA2

75:25

#9E6E78

50:50

#B8704D

25:75

#CC7313

100%

CSS渐变代码

background: linear-gradient(to right, #136CCC, #CC7313);
background: linear-gradient(135deg, #136CCC, #CC7313);

探索每种颜色

#136CCC

查看完整颜色详情

#CC7313

查看完整颜色详情

相关比较