#BFD4F4

#BFD4F4

#F4DFBF

#F4DFBF

对比度

1.16:1

Delta E

36.82

Very Different

50:50 混合

#DCD9DA

颜色值

格式 #BFD4F4 #F4DFBF
HEX #BFD4F4 #F4DFBF
RGB 191, 212, 244 244, 223, 191
HSL 216.2, 70.7%, 85.3% 36.2, 70.7%, 85.3%
HSV 216.2, 21.7%, 95.7% 36.2, 21.7%, 95.7%
CMYK 21.7%, 13.1%, 0.0%, 4.3% 0.0%, 8.6%, 21.7%, 4.3%
OKLCH 0.8646 0.05 258.7 0.9126 0.0481 78.4

对比度与无障碍

1.16:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #F4DFBF → 背景色: #BFD4F4

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

文本: #BFD4F4 → 背景色: #F4DFBF

色差 (Delta E)

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

渐变

#BFD4F4 #C9D6EB #D3D8E3 #DCD9DA #E4DBD1 #ECDDC8 #F4DFBF

颜色混合

#BFD4F4

100%

#CED7E7

75:25

#DCD9DA

50:50

#E9DCCC

25:75

#F4DFBF

100%

CSS渐变代码

background: linear-gradient(to right, #BFD4F4, #F4DFBF);
background: linear-gradient(135deg, #BFD4F4, #F4DFBF);

探索每种颜色

#BFD4F4

查看完整颜色详情

#F4DFBF

查看完整颜色详情

相关比较