#453FCD

#453FCD

#C7CD3F

#C7CD3F

对比度

4.3:1

Delta E

159.13

Very Different

50:50 混合

#A18491

颜色值

格式 #453FCD #C7CD3F
HEX #453FCD #C7CD3F
RGB 69, 63, 205 199, 205, 63
HSL 242.5, 58.7%, 52.5% 62.5, 58.7%, 52.5%
HSV 242.5, 69.3%, 80.4% 62.5, 69.3%, 80.4%
CMYK 66.3%, 69.3%, 0.0%, 19.6% 2.9%, 0.0%, 69.3%, 19.6%
OKLCH 0.4712 0.2105 276.5 0.8185 0.1591 111.8

对比度与无障碍

4.3:1
AA Fail AA Large Pass AAA Fail AAA Large Fail

文本可读性

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

文本: #C7CD3F → 背景色: #453FCD

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

文本: #453FCD → 背景色: #C7CD3F

色差 (Delta E)

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

渐变

#453FCD #7155BA #8C6CA6 #A18491 #B09C7B #BDB461 #C7CD3F

颜色混合

#453FCD

100%

#8061B0

75:25

#A18491

50:50

#B7A86F

25:75

#C7CD3F

100%

CSS渐变代码

background: linear-gradient(to right, #453FCD, #C7CD3F);
background: linear-gradient(135deg, #453FCD, #C7CD3F);

探索每种颜色

#453FCD

查看完整颜色详情

#C7CD3F

查看完整颜色详情

相关比较