#BCC7DF

#BCC7DF

#DFD4BC

#DFD4BC

对比度

1.15:1

Delta E

26.94

Very Different

50:50 混合

#CFCDCE

颜色值

格式 #BCC7DF #DFD4BC
HEX #BCC7DF #DFD4BC
RGB 188, 199, 223 223, 212, 188
HSL 221.1, 35.4%, 80.6% 41.1, 35.4%, 80.6%
HSV 221.1, 15.7%, 87.5% 41.1, 15.7%, 87.5%
CMYK 15.7%, 10.8%, 0.0%, 12.5% 0.0%, 4.9%, 15.7%, 12.5%
OKLCH 0.8288 0.0358 266.0 0.8724 0.0344 86.3

对比度与无障碍

1.15:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #DFD4BC → 背景色: #BCC7DF

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

文本: #BCC7DF → 背景色: #DFD4BC

色差 (Delta E)

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

渐变

#BCC7DF #C3C9D9 #C9CBD3 #CFCDCE #D4D0C8 #DAD2C2 #DFD4BC

颜色混合

#BCC7DF

100%

#C6CAD6

75:25

#CFCDCE

50:50

#D7D1C5

25:75

#DFD4BC

100%

CSS渐变代码

background: linear-gradient(to right, #BCC7DF, #DFD4BC);
background: linear-gradient(135deg, #BCC7DF, #DFD4BC);

探索每种颜色

#BCC7DF

查看完整颜色详情

#DFD4BC

查看完整颜色详情

相关比较