#BDF3BA

#BDF3BA

#F0BAF3

#F0BAF3

对比度

1.28:1

Delta E

71.55

Very Different

50:50 混合

#DAD8D7

颜色值

格式 #BDF3BA #F0BAF3
HEX #BDF3BA #F0BAF3
RGB 189, 243, 186 240, 186, 243
HSL 116.8, 70.4%, 84.1% 296.8, 70.4%, 84.1%
HSV 116.8, 23.5%, 95.3% 296.8, 23.5%, 95.3%
CMYK 22.2%, 0.0%, 23.5%, 4.7% 1.2%, 23.5%, 0.0%, 4.7%
OKLCH 0.9124 0.0944 143.4 0.8552 0.0968 324.7

对比度与无障碍

1.28:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #F0BAF3 → 背景色: #BDF3BA

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

文本: #BDF3BA → 背景色: #F0BAF3

色差 (Delta E)

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

渐变

#BDF3BA #C8EAC4 #D1E1CE #DAD8D7 #E2CEE1 #E9C4EA #F0BAF3

颜色混合

#BDF3BA

100%

#CDE6C9

75:25

#DAD8D7

50:50

#E6C9E5

25:75

#F0BAF3

100%

CSS渐变代码

background: linear-gradient(to right, #BDF3BA, #F0BAF3);
background: linear-gradient(135deg, #BDF3BA, #F0BAF3);

探索每种颜色

#BDF3BA

查看完整颜色详情

#F0BAF3

查看完整颜色详情

相关比较