#5151DF

#5151DF

#DFDF51

#DFDF51

对比度

4.12:1

Delta E

157.83

Very Different

50:50 混合

#B295A2

颜色值

格式 #5151DF #DFDF51
HEX #5151DF #DFDF51
RGB 81, 81, 223 223, 223, 81
HSL 240.0, 68.9%, 59.6% 60.0, 68.9%, 59.6%
HSV 240.0, 63.7%, 87.5% 60.0, 63.7%, 87.5%
CMYK 63.7%, 63.7%, 0.0%, 12.5% 0.0%, 0.0%, 63.7%, 12.5%
OKLCH 0.5236 0.2101 276.3 0.878 0.1602 109.3

对比度与无障碍

4.12:1
AA Fail AA Large Pass AAA Fail AAA Large Fail

文本可读性

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

文本: #DFDF51 → 背景色: #5151DF

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

文本: #5151DF → 背景色: #DFDF51

色差 (Delta E)

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

渐变

#5151DF #7E67CB #9B7EB7 #B295A2 #C3AD8B #D2C671 #DFDF51

颜色混合

#5151DF

100%

#8E72C1

75:25

#B295A2

50:50

#CBBA7F

25:75

#DFDF51

100%

CSS渐变代码

background: linear-gradient(to right, #5151DF, #DFDF51);
background: linear-gradient(135deg, #5151DF, #DFDF51);

探索每种颜色

#5151DF

查看完整颜色详情

#DFDF51

查看完整颜色详情

相关比较