#666FDC

#666FDC

#DCD366

#DCD366

对比度

2.78:1

Delta E

121.98

Very Different

50:50 混合

#B19FA6

颜色值

格式 #666FDC #DCD366
HEX #666FDC #DCD366
RGB 102, 111, 220 220, 211, 102
HSL 235.4, 62.8%, 63.1% 55.4, 62.8%, 63.1%
HSV 235.4, 53.6%, 86.3% 55.4, 53.6%, 86.3%
CMYK 53.6%, 49.5%, 0.0%, 13.7% 0.0%, 4.1%, 53.6%, 13.7%
OKLCH 0.589 0.1639 276.6 0.8524 0.1312 104.5

对比度与无障碍

2.78:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #DCD366 → 背景色: #666FDC

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

文本: #666FDC → 背景色: #DCD366

色差 (Delta E)

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

渐变

#666FDC #867ECB #9E8EB9 #B19FA6 #C2B093 #D0C17E #DCD366

颜色混合

#666FDC

100%

#9386C2

75:25

#B19FA6

50:50

#C9B989

25:75

#DCD366

100%

CSS渐变代码

background: linear-gradient(to right, #666FDC, #DCD366);
background: linear-gradient(135deg, #666FDC, #DCD366);

探索每种颜色

#666FDC

查看完整颜色详情

#DCD366

查看完整颜色详情

相关比较