#BADCF1

#BADCF1

#F1CFBA

#F1CFBA

对比度

1.02:1

Delta E

32.67

Very Different

50:50 混合

#D9D6D5

颜色值

格式 #BADCF1 #F1CFBA
HEX #BADCF1 #F1CFBA
RGB 186, 220, 241 241, 207, 186
HSL 202.9, 66.3%, 83.7% 22.9, 66.3%, 83.7%
HSV 202.9, 22.8%, 94.5% 22.9, 22.8%, 94.5%
CMYK 22.8%, 8.7%, 0.0%, 5.5% 0.0%, 14.1%, 22.8%, 5.5%
OKLCH 0.8766 0.0462 235.2 0.8778 0.0478 53.6

对比度与无障碍

1.02:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #F1CFBA → 背景色: #BADCF1

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

文本: #BADCF1 → 背景色: #F1CFBA

色差 (Delta E)

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

渐变

#BADCF1 #C5DAE8 #CFD8DF #D9D6D5 #E1D3CC #E9D1C3 #F1CFBA

颜色混合

#BADCF1

100%

#CAD9E3

75:25

#D9D6D5

50:50

#E5D2C8

25:75

#F1CFBA

100%

CSS渐变代码

background: linear-gradient(to right, #BADCF1, #F1CFBA);
background: linear-gradient(135deg, #BADCF1, #F1CFBA);

探索每种颜色

#BADCF1

查看完整颜色详情

#F1CFBA

查看完整颜色详情

相关比较