#4240CF

#4240CF

#CDCF40

#CDCF40

对比度

4.39:1

Delta E

160.05

Very Different

50:50 混合

颜色值

格式 #4240CF #CDCF40
HEX #4240CF #CDCF40
RGB 66, 64, 207 205, 207, 64
HSL 240.8, 59.8%, 53.1% 60.8, 59.8%, 53.1%
HSV 240.8, 69.1%, 81.2% 60.8, 69.1%, 81.2%
CMYK 68.1%, 69.1%, 0.0%, 18.8% 1.0%, 0.0%, 69.1%, 18.8%
OKLCH 0.4726 0.2126 275.2 0.8278 0.1591 110.2

对比度与无障碍

4.39:1
AA Fail AA Large Pass AAA Fail AAA Large Fail

文本可读性

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

文本: #CDCF40 → 背景色: #4240CF

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

文本: #4240CF → 背景色: #CDCF40

色差 (Delta E)

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

渐变

颜色混合

CSS渐变代码

background: linear-gradient(to right, #4240CF, #CDCF40);
background: linear-gradient(135deg, #4240CF, #CDCF40);

探索每种颜色

相关比较