#1410E3

#1410E3

#DFE310

#DFE310

对比度

6.84:1

Delta E

210.91

Very Different

50:50 混合

#B17D97

颜色值

格式 #1410E3 #DFE310
HEX #1410E3 #DFE310
RGB 20, 16, 227 223, 227, 16
HSL 241.1, 86.8%, 47.6% 61.1, 86.8%, 47.6%
HSV 241.1, 93.0%, 89.0% 61.1, 93.0%, 89.0%
CMYK 91.2%, 93.0%, 0.0%, 11.0% 1.8%, 0.0%, 93.0%, 11.0%
OKLCH 0.4241 0.2797 266.0 0.8834 0.1922 111.0

对比度与无障碍

6.84:1
AA Pass AA Large Pass AAA Fail AAA Large Pass

文本可读性

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

文本: #DFE310 → 背景色: #1410E3

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

文本: #1410E3 → 背景色: #DFE310

色差 (Delta E)

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

渐变

#1410E3 #7139CB #975CB2 #B17D97 #C59F7B #D4C157 #DFE310

颜色混合

#1410E3

100%

#864BBE

75:25

#B17D97

50:50

#CDB06A

25:75

#DFE310

100%

CSS渐变代码

background: linear-gradient(to right, #1410E3, #DFE310);
background: linear-gradient(135deg, #1410E3, #DFE310);

探索每种颜色

#1410E3

查看完整颜色详情

#DFE310

查看完整颜色详情

相关比较