#573BDF

#573BDF

#C3DF3B

#C3DF3B

对比度

4.5:1

Delta E

179.34

Very Different

50:50 混合

#A98D9B

颜色值

格式 #573BDF #C3DF3B
HEX #573BDF #C3DF3B
RGB 87, 59, 223 195, 223, 59
HSL 250.2, 71.9%, 55.3% 70.2, 71.9%, 55.3%
HSV 250.2, 73.5%, 87.5% 70.2, 73.5%, 87.5%
CMYK 61.0%, 73.5%, 0.0%, 12.5% 12.6%, 0.0%, 73.5%, 12.5%
OKLCH 0.4959 0.2326 281.6 0.8547 0.1821 119.0

对比度与无障碍

4.5:1
AA Pass AA Large Pass AAA Fail AAA Large Pass

文本可读性

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

文本: #C3DF3B → 背景色: #573BDF

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

文本: #573BDF → 背景色: #C3DF3B

色差 (Delta E)

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

渐变

#573BDF #7F57C9 #9872B3 #A98D9B #B5A882 #BEC364 #C3DF3B

颜色混合

#573BDF

100%

#8C64BE

75:25

#A98D9B

50:50

#BAB674

25:75

#C3DF3B

100%

CSS渐变代码

background: linear-gradient(to right, #573BDF, #C3DF3B);
background: linear-gradient(135deg, #573BDF, #C3DF3B);

探索每种颜色

#573BDF

查看完整颜色详情

#C3DF3B

查看完整颜色详情

相关比较