#ABDFB0

#ABDFB0

#DFABDA

#DFABDA

对比度

1.27:1

Delta E

63.14

Very Different

50:50 混合

#C8C6C5

颜色值

格式 #ABDFB0 #DFABDA
HEX #ABDFB0 #DFABDA
RGB 171, 223, 176 223, 171, 218
HSL 125.8, 44.8%, 77.3% 305.8, 44.8%, 77.3%
HSV 125.8, 23.3%, 87.5% 305.8, 23.3%, 87.5%
CMYK 23.3%, 0.0%, 21.1%, 12.5% 0.0%, 23.3%, 2.2%, 12.5%
OKLCH 0.8551 0.084 147.3 0.8035 0.0866 329.6

对比度与无障碍

1.27:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #DFABDA → 背景色: #ABDFB0

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

文本: #ABDFB0 → 背景色: #DFABDA

色差 (Delta E)

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

渐变

#ABDFB0 #B6D7B7 #BFCFBE #C8C6C5 #D0BECC #D8B5D3 #DFABDA

颜色混合

#ABDFB0

100%

#BBD3BB

75:25

#C8C6C5

50:50

#D4B9D0

25:75

#DFABDA

100%

CSS渐变代码

background: linear-gradient(to right, #ABDFB0, #DFABDA);
background: linear-gradient(135deg, #ABDFB0, #DFABDA);

探索每种颜色

#ABDFB0

查看完整颜色详情

#DFABDA

查看完整颜色详情

相关比较