#BAF6D2

#BAF6D2

#F6BADE

#F6BADE

对比度

1.32:1

Delta E

57.93

Very Different

50:50 混合

#DCD9D8

颜色值

格式 #BAF6D2 #F6BADE
HEX #BAF6D2 #F6BADE
RGB 186, 246, 210 246, 186, 222
HSL 144.0, 76.9%, 84.7% 324.0, 76.9%, 84.7%
HSV 144.0, 24.4%, 96.5% 324.0, 24.4%, 96.5%
CMYK 24.4%, 0.0%, 14.6%, 3.5% 0.0%, 24.4%, 9.8%, 3.5%
OKLCH 0.9228 0.078 158.1 0.8539 0.0828 342.3

对比度与无障碍

1.32:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #F6BADE → 背景色: #BAF6D2

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

文本: #BAF6D2 → 背景色: #F6BADE

色差 (Delta E)

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

渐变

#BAF6D2 #C6EDD4 #D2E3D6 #DCD9D8 #E5CFDA #EEC5DC #F6BADE

颜色混合

#BAF6D2

100%

#CCE8D5

75:25

#DCD9D8

50:50

#EACADB

25:75

#F6BADE

100%

CSS渐变代码

background: linear-gradient(to right, #BAF6D2, #F6BADE);
background: linear-gradient(135deg, #BAF6D2, #F6BADE);

探索每种颜色

#BAF6D2

查看完整颜色详情

#F6BADE

查看完整颜色详情

相关比较