#BCCFDF

#BCCFDF

#DFCCBC

#DFCCBC

对比度

1.03:1

Delta E

21.68

Noticeable

50:50 混合

#CFCECE

颜色值

格式 #BCCFDF #DFCCBC
HEX #BCCFDF #DFCCBC
RGB 188, 207, 223 223, 204, 188
HSL 207.4, 35.4%, 80.6% 27.4, 35.4%, 80.6%
HSV 207.4, 15.7%, 87.5% 27.4, 15.7%, 87.5%
CMYK 15.7%, 7.2%, 0.0%, 12.5% 0.0%, 8.5%, 15.7%, 12.5%
OKLCH 0.8452 0.0304 243.5 0.8566 0.0305 62.5

对比度与无障碍

1.03:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #DFCCBC → 背景色: #BCCFDF

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

文本: #BCCFDF → 背景色: #DFCCBC

色差 (Delta E)

21.68 Noticeable
0 — 完全相同 5 — 相似 25 — 明显差异 100 — 差异很大

渐变

#BCCFDF #C3CFD9 #C9CED3 #CFCECE #D4CDC8 #DACCC2 #DFCCBC

颜色混合

#BCCFDF

100%

#C6CED6

75:25

#CFCECE

50:50

#D7CDC5

25:75

#DFCCBC

100%

CSS渐变代码

background: linear-gradient(to right, #BCCFDF, #DFCCBC);
background: linear-gradient(135deg, #BCCFDF, #DFCCBC);

探索每种颜色

#BCCFDF

查看完整颜色详情

#DFCCBC

查看完整颜色详情

相关比较