#BCF2C3

#BCF2C3

#F2BCEB

#F2BCEB

对比度

1.26:1

Delta E

63.12

Very Different

50:50 混合

#DAD8D7

颜色值

格式 #BCF2C3 #F2BCEB
HEX #BCF2C3 #F2BCEB
RGB 188, 242, 195 242, 188, 235
HSL 127.8, 67.5%, 84.3% 307.8, 67.5%, 84.3%
HSV 127.8, 22.3%, 94.9% 307.8, 22.3%, 94.9%
CMYK 22.3%, 0.0%, 19.4%, 5.1% 0.0%, 22.3%, 2.9%, 5.1%
OKLCH 0.9117 0.0842 148.4 0.8578 0.0868 330.7

对比度与无障碍

1.26:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #F2BCEB → 背景色: #BCF2C3

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

文本: #BCF2C3 → 背景色: #F2BCEB

色差 (Delta E)

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

渐变

#BCF2C3 #C7EACA #D1E1D1 #DAD8D7 #E3CFDE #EBC6E5 #F2BCEB

颜色混合

#BCF2C3

100%

#CCE5CD

75:25

#DAD8D7

50:50

#E7CBE1

25:75

#F2BCEB

100%

CSS渐变代码

background: linear-gradient(to right, #BCF2C3, #F2BCEB);
background: linear-gradient(135deg, #BCF2C3, #F2BCEB);

探索每种颜色

#BCF2C3

查看完整颜色详情

#F2BCEB

查看完整颜色详情

相关比较