#2033DF

#2033DF

#DFCC20

#DFCC20

对比度

4.92:1

Delta E

182.96

Very Different

50:50 混合

#AE7C93

颜色值

格式 #2033DF #DFCC20
HEX #2033DF #DFCC20
RGB 32, 51, 223 223, 204, 32
HSL 234.0, 74.9%, 50.0% 54.0, 74.9%, 50.0%
HSV 234.0, 85.7%, 87.5% 54.0, 85.7%, 87.5%
CMYK 85.7%, 77.1%, 0.0%, 12.5% 0.0%, 8.5%, 85.7%, 12.5%
OKLCH 0.4542 0.2521 267.3 0.8354 0.1691 102.3

对比度与无障碍

4.92:1
AA Pass AA Large Pass AAA Fail AAA Large Pass

文本可读性

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

文本: #DFCC20 → 背景色: #2033DF

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

文本: #2033DF → 背景色: #DFCC20

色差 (Delta E)

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

渐变

#2033DF #704AC6 #9463AD #AE7C93 #C29677 #D2B156 #DFCC20

颜色混合

#2033DF

100%

#8456BA

75:25

#AE7C93

50:50

#CAA468

25:75

#DFCC20

100%

CSS渐变代码

background: linear-gradient(to right, #2033DF, #DFCC20);
background: linear-gradient(135deg, #2033DF, #DFCC20);

探索每种颜色

#2033DF

查看完整颜色详情

#DFCC20

查看完整颜色详情

相关比较