#2045DF

#2045DF

#DFBA20

#DFBA20

对比度

3.75:1

Delta E

165.75

Very Different

50:50 混合

#AC7B90

颜色值

格式 #2045DF #DFBA20
HEX #2045DF #DFBA20
RGB 32, 69, 223 223, 186, 32
HSL 228.4, 74.9%, 50.0% 48.4, 74.9%, 50.0%
HSV 228.4, 85.7%, 87.5% 48.4, 85.7%, 87.5%
CMYK 85.7%, 69.1%, 0.0%, 12.5% 0.0%, 16.6%, 85.7%, 12.5%
OKLCH 0.4804 0.235 266.0 0.7985 0.1572 93.7

对比度与无障碍

3.75:1
AA Fail AA Large Pass AAA Fail AAA Large Fail

文本可读性

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

文本: #DFBA20 → 背景色: #2045DF

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

文本: #2045DF → 背景色: #DFBA20

色差 (Delta E)

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

渐变

#2045DF #6F55C5 #9368AB #AC7B90 #C09073 #D1A553 #DFBA20

颜色混合

#2045DF

100%

#835EB8

75:25

#AC7B90

50:50

#C99A64

25:75

#DFBA20

100%

CSS渐变代码

background: linear-gradient(to right, #2045DF, #DFBA20);
background: linear-gradient(135deg, #2045DF, #DFBA20);

探索每种颜色

#2045DF

查看完整颜色详情

#DFBA20

查看完整颜色详情

相关比较