#BACEF3

#BACEF3

#F3DFBA

#F3DFBA

对比度

1.22:1

Delta E

41.69

Very Different

50:50 混合

#D9D6D7

颜色值

格式 #BACEF3 #F3DFBA
HEX #BACEF3 #F3DFBA
RGB 186, 206, 243 243, 223, 186
HSL 218.9, 70.4%, 84.1% 38.9, 70.4%, 84.1%
HSV 218.9, 23.5%, 95.3% 38.9, 23.5%, 95.3%
CMYK 23.5%, 15.2%, 0.0%, 4.7% 0.0%, 8.2%, 23.5%, 4.7%
OKLCH 0.8486 0.0562 262.7 0.9106 0.0533 82.9

对比度与无障碍

1.22:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #F3DFBA → 背景色: #BACEF3

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

文本: #BACEF3 → 背景色: #F3DFBA

色差 (Delta E)

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

渐变

#BACEF3 #C5D1EA #D0D3E0 #D9D6D7 #E2D9CD #EBDCC4 #F3DFBA

颜色混合

#BACEF3

100%

#CBD2E5

75:25

#D9D6D7

50:50

#E7DBC9

25:75

#F3DFBA

100%

CSS渐变代码

background: linear-gradient(to right, #BACEF3, #F3DFBA);
background: linear-gradient(135deg, #BACEF3, #F3DFBA);

探索每种颜色

#BACEF3

查看完整颜色详情

#F3DFBA

查看完整颜色详情

相关比较