#372FD5

#372FD5

#CDD52F

#CDD52F

对比度

5.2:1

Delta E

180.96

Very Different

50:50 混合

#A58192

颜色值

格式 #372FD5 #CDD52F
HEX #372FD5 #CDD52F
RGB 55, 47, 213 205, 213, 47
HSL 242.9, 66.4%, 51.0% 62.9, 66.4%, 51.0%
HSV 242.9, 77.9%, 83.5% 62.9, 77.9%, 83.5%
CMYK 74.2%, 77.9%, 0.0%, 16.5% 3.8%, 0.0%, 77.9%, 16.5%
OKLCH 0.4487 0.2386 273.2 0.8398 0.1744 112.5

对比度与无障碍

5.2:1
AA Pass AA Large Pass AAA Fail AAA Large Pass

文本可读性

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

文本: #CDD52F → 背景色: #372FD5

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

文本: #372FD5 → 背景色: #CDD52F

色差 (Delta E)

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

渐变

#372FD5 #704AC0 #8F65A9 #A58192 #B69C79 #C3B85B #CDD52F

颜色混合

#372FD5

100%

#8158B5

75:25

#A58192

50:50

#BDAA6B

25:75

#CDD52F

100%

CSS渐变代码

background: linear-gradient(to right, #372FD5, #CDD52F);
background: linear-gradient(135deg, #372FD5, #CDD52F);

探索每种颜色

#372FD5

查看完整颜色详情

#CDD52F

查看完整颜色详情

相关比较