#2C2CDF

#2C2CDF

#DFDF2C

#DFDF2C

对比度

5.82:1

Delta E

191.83

Very Different

50:50 混合

#B08499

颜色值

格式 #2C2CDF #DFDF2C
HEX #2C2CDF #DFDF2C
RGB 44, 44, 223 223, 223, 44
HSL 240.0, 73.7%, 52.4% 60.0, 73.7%, 52.4%
HSV 240.0, 80.3%, 87.5% 60.0, 80.3%, 87.5%
CMYK 80.3%, 80.3%, 0.0%, 12.5% 0.0%, 0.0%, 80.3%, 12.5%
OKLCH 0.4505 0.2549 270.0 0.8757 0.1809 109.6

对比度与无障碍

5.82:1
AA Pass AA Large Pass AAA Fail AAA Large Pass

文本可读性

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

文本: #DFDF2C → 背景色: #2C2CDF

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

文本: #2C2CDF → 背景色: #DFDF2C

色差 (Delta E)

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

渐变

#2C2CDF #7349C8 #9666B1 #B08499 #C3A27E #D3C05E #DFDF2C

颜色混合

#2C2CDF

100%

#8757BD

75:25

#B08499

50:50

#CBB16F

25:75

#DFDF2C

100%

CSS渐变代码

background: linear-gradient(to right, #2C2CDF, #DFDF2C);
background: linear-gradient(135deg, #2C2CDF, #DFDF2C);

探索每种颜色

#2C2CDF

查看完整颜色详情

#DFDF2C

查看完整颜色详情

相关比较