#BCBFDF

#BCBFDF

#DFDCBC

#DFDCBC

对比度

1.3:1

Delta E

35.04

Very Different

50:50 混合

#CFCDCE

颜色值

格式 #BCBFDF #DFDCBC
HEX #BCBFDF #DFDCBC
RGB 188, 191, 223 223, 220, 188
HSL 234.9, 35.4%, 80.6% 54.9, 35.4%, 80.6%
HSV 234.9, 15.7%, 87.5% 54.9, 15.7%, 87.5%
CMYK 15.7%, 14.3%, 0.0%, 12.5% 0.0%, 1.3%, 15.7%, 12.5%
OKLCH 0.8126 0.045 281.1 0.8885 0.0426 102.8

对比度与无障碍

1.3:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #DFDCBC → 背景色: #BCBFDF

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

文本: #BCBFDF → 背景色: #DFDCBC

色差 (Delta E)

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

渐变

#BCBFDF #C3C4D9 #C9C9D4 #CFCDCE #D4D2C8 #DAD7C2 #DFDCBC

颜色混合

#BCBFDF

100%

#C6C6D6

75:25

#CFCDCE

50:50

#D7D5C5

25:75

#DFDCBC

100%

CSS渐变代码

background: linear-gradient(to right, #BCBFDF, #DFDCBC);
background: linear-gradient(135deg, #BCBFDF, #DFDCBC);

探索每种颜色

#BCBFDF

查看完整颜色详情

#DFDCBC

查看完整颜色详情

相关比较