#BCC4DF

#BCC4DF

#DFD7BC

#DFD7BC

对比度

1.21:1

Delta E

29.76

Very Different

50:50 混合

#CFCDCE

颜色值

格式 #BCC4DF #DFD7BC
HEX #BCC4DF #DFD7BC
RGB 188, 196, 223 223, 215, 188
HSL 226.3, 35.4%, 80.6% 46.3, 35.4%, 80.6%
HSV 226.3, 15.7%, 87.5% 46.3, 15.7%, 87.5%
CMYK 15.7%, 12.1%, 0.0%, 12.5% 0.0%, 3.6%, 15.7%, 12.5%
OKLCH 0.8227 0.0389 272.4 0.8784 0.0371 93.4

对比度与无障碍

1.21:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #DFD7BC → 背景色: #BCC4DF

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

文本: #BCC4DF → 背景色: #DFD7BC

色差 (Delta E)

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

渐变

#BCC4DF #C3C7D9 #C9CAD4 #CFCDCE #D4D1C8 #DAD4C2 #DFD7BC

颜色混合

#BCC4DF

100%

#C6C9D6

75:25

#CFCDCE

50:50

#D7D2C5

25:75

#DFD7BC

100%

CSS渐变代码

background: linear-gradient(to right, #BCC4DF, #DFD7BC);
background: linear-gradient(135deg, #BCC4DF, #DFD7BC);

探索每种颜色

#BCC4DF

查看完整颜色详情

#DFD7BC

查看完整颜色详情

相关比较