#666FDF

#666FDF

#DFD666

#DFD666

对比度

2.84:1

Delta E

125.02

Very Different

50:50 混合

#B4A0A8

颜色值

格式 #666FDF #DFD666
HEX #666FDF #DFD666
RGB 102, 111, 223 223, 214, 102
HSL 235.5, 65.4%, 63.7% 55.5, 65.4%, 63.7%
HSV 235.5, 54.3%, 87.5% 55.5, 54.3%, 87.5%
CMYK 54.3%, 50.2%, 0.0%, 12.5% 0.0%, 4.0%, 54.3%, 12.5%
OKLCH 0.591 0.168 276.5 0.8612 0.134 104.7

对比度与无障碍

2.84:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #DFD666 → 背景色: #666FDF

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

文本: #666FDF → 背景色: #DFD666

色差 (Delta E)

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

渐变

#666FDF #887FCD #A08FBB #B4A0A8 #C4B294 #D2C47F #DFD666

颜色混合

#666FDF

100%

#9587C4

75:25

#B4A0A8

50:50

#CCBB8A

25:75

#DFD666

100%

CSS渐变代码

background: linear-gradient(to right, #666FDF, #DFD666);
background: linear-gradient(135deg, #666FDF, #DFD666);

探索每种颜色

#666FDF

查看完整颜色详情

#DFD666

查看完整颜色详情

相关比较