#9CFBC4

#9CFBC4

#FB9CD3

#FB9CD3

对比度

1.58:1

Delta E

89.52

Very Different

50:50 混合

#D5CFCC

颜色值

格式 #9CFBC4 #FB9CD3
HEX #9CFBC4 #FB9CD3
RGB 156, 251, 196 251, 156, 211
HSL 145.3, 92.2%, 79.8% 325.3, 92.2%, 79.8%
HSV 145.3, 37.8%, 98.4% 325.3, 37.8%, 98.4%
CMYK 37.8%, 0.0%, 21.9%, 1.6% 0.0%, 37.8%, 15.9%, 1.6%
OKLCH 0.9143 0.1187 157.6 0.8052 0.131 344.8

对比度与无障碍

1.58:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #FB9CD3 → 背景色: #9CFBC4

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

文本: #9CFBC4 → 背景色: #FB9CD3

色差 (Delta E)

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

渐变

#9CFBC4 #B3EDC7 #C5DEC9 #D5CFCC #E3BFCE #F0AED1 #FB9CD3

颜色混合

#9CFBC4

100%

#BCE6C8

75:25

#D5CFCC

50:50

#EAB7D0

25:75

#FB9CD3

100%

CSS渐变代码

background: linear-gradient(to right, #9CFBC4, #FB9CD3);
background: linear-gradient(135deg, #9CFBC4, #FB9CD3);

探索每种颜色

#9CFBC4

查看完整颜色详情

#FB9CD3

查看完整颜色详情

相关比较