#453ACD

#453ACD

#C2CD3A

#C2CD3A

对比度

4.41:1

Delta E

163.98

Very Different

50:50 混合

#9F8290

颜色值

格式 #453ACD #C2CD3A
HEX #453ACD #C2CD3A
RGB 69, 58, 205 194, 205, 58
HSL 244.5, 59.5%, 51.6% 64.5, 59.5%, 51.6%
HSV 244.5, 71.7%, 80.4% 64.5, 71.7%, 80.4%
CMYK 66.3%, 71.7%, 0.0%, 19.6% 5.4%, 0.0%, 71.7%, 19.6%
OKLCH 0.4639 0.2157 277.2 0.8141 0.1634 113.8

对比度与无障碍

4.41:1
AA Fail AA Large Pass AAA Fail AAA Large Fail

文本可读性

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

文本: #C2CD3A → 背景色: #453ACD

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

文本: #453ACD → 背景色: #C2CD3A

色差 (Delta E)

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

渐变

#453ACD #7152B9 #8B69A5 #9F8290 #AE9B79 #B9B45E #C2CD3A

颜色混合

#453ACD

100%

#7F5DAF

75:25

#9F8290

50:50

#B4A76C

25:75

#C2CD3A

100%

CSS渐变代码

background: linear-gradient(to right, #453ACD, #C2CD3A);
background: linear-gradient(135deg, #453ACD, #C2CD3A);

探索每种颜色

#453ACD

查看完整颜色详情

#C2CD3A

查看完整颜色详情

相关比较