#9CD9A2

#9CD9A2

#D99CD3

#D99CD3

对比度

1.33:1

Delta E

74.3

Very Different

50:50 混合

#BFBCBB

颜色值

格式 #9CD9A2 #D99CD3
HEX #9CD9A2 #D99CD3
RGB 156, 217, 162 217, 156, 211
HSL 125.9, 44.5%, 73.1% 305.9, 44.5%, 73.1%
HSV 125.9, 28.1%, 85.1% 305.9, 28.1%, 85.1%
CMYK 28.1%, 0.0%, 25.3%, 14.9% 0.0%, 28.1%, 2.8%, 14.9%
OKLCH 0.8294 0.0985 147.1 0.7686 0.1023 329.9

对比度与无障碍

1.33:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #D99CD3 → 背景色: #9CD9A2

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

文本: #9CD9A2 → 背景色: #D99CD3

色差 (Delta E)

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

渐变

#9CD9A2 #A9D0AB #B5C6B3 #BFBCBB #C8B2C3 #D1A7CB #D99CD3

颜色混合

#9CD9A2

100%

#AFCBAF

75:25

#BFBCBB

50:50

#CDADC7

25:75

#D99CD3

100%

CSS渐变代码

background: linear-gradient(to right, #9CD9A2, #D99CD3);
background: linear-gradient(135deg, #9CD9A2, #D99CD3);

探索每种颜色

#9CD9A2

查看完整颜色详情

#D99CD3

查看完整颜色详情

相关比较