#4242DF

#4242DF

#DFDF42

#DFDF42

对比度

4.8:1

Delta E

172.82

Very Different

50:50 混合

#B08E9E

颜色值

格式 #4242DF #DFDF42
HEX #4242DF #DFDF42
RGB 66, 66, 223 223, 223, 66
HSL 240.0, 71.0%, 56.7% 60.0, 71.0%, 56.7%
HSV 240.0, 70.4%, 87.5% 60.0, 70.4%, 87.5%
CMYK 70.4%, 70.4%, 0.0%, 12.5% 0.0%, 0.0%, 70.4%, 12.5%
OKLCH 0.4908 0.23 273.9 0.8769 0.1701 109.4

对比度与无障碍

4.8:1
AA Pass AA Large Pass AAA Fail AAA Large Pass

文本可读性

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

文本: #DFDF42 → 背景色: #4242DF

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

文本: #4242DF → 背景色: #DFDF42

色差 (Delta E)

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

渐变

#4242DF #795ACA #9974B4 #B08E9E #C3A885 #D2C369 #DFDF42

颜色混合

#4242DF

100%

#8A67BF

75:25

#B08E9E

50:50

#CBB677

25:75

#DFDF42

100%

CSS渐变代码

background: linear-gradient(to right, #4242DF, #DFDF42);
background: linear-gradient(135deg, #4242DF, #DFDF42);

探索每种颜色

#4242DF

查看完整颜色详情

#DFDF42

查看完整颜色详情

相关比较