#3B3BCD

#3B3BCD

#CDCD3B

#CDCD3B

对比度

4.6:1

Delta E

163.13

Very Different

50:50 混合

#A28190

颜色值

格式 #3B3BCD #CDCD3B
HEX #3B3BCD #CDCD3B
RGB 59, 59, 205 205, 205, 59
HSL 240.0, 59.3%, 51.8% 60.0, 59.3%, 51.8%
HSV 240.0, 71.2%, 80.4% 60.0, 71.2%, 80.4%
CMYK 71.2%, 71.2%, 0.0%, 19.6% 0.0%, 0.0%, 71.2%, 19.6%
OKLCH 0.4588 0.217 273.7 0.8231 0.1602 109.5

对比度与无障碍

4.6:1
AA Pass AA Large Pass AAA Fail AAA Large Pass

文本可读性

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

文本: #CDCD3B → 背景色: #3B3BCD

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

文本: #3B3BCD → 背景色: #CDCD3B

色差 (Delta E)

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

渐变

#3B3BCD #6E52B9 #8C69A5 #A28190 #B39A7A #C1B35F #CDCD3B

颜色混合

#3B3BCD

100%

#7E5DAF

75:25

#A28190

50:50

#BBA76D

25:75

#CDCD3B

100%

CSS渐变代码

background: linear-gradient(to right, #3B3BCD, #CDCD3B);
background: linear-gradient(135deg, #3B3BCD, #CDCD3B);

探索每种颜色

#3B3BCD

查看完整颜色详情

#CDCD3B

查看完整颜色详情

相关比较