#ABDFB5

#ABDFB5

#DFABD5

#DFABD5

对比度

1.28:1

Delta E

59.11

Very Different

50:50 混合

#C8C6C5

颜色值

格式 #ABDFB5 #DFABD5
HEX #ABDFB5 #DFABD5
RGB 171, 223, 181 223, 171, 213
HSL 131.5, 44.8%, 77.3% 311.5, 44.8%, 77.3%
HSV 131.5, 23.3%, 87.5% 311.5, 23.3%, 87.5%
CMYK 23.3%, 0.0%, 18.8%, 12.5% 0.0%, 23.3%, 4.5%, 12.5%
OKLCH 0.8562 0.079 150.3 0.8017 0.082 333.1

对比度与无障碍

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

文本可读性

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

文本: #DFABD5 → 背景色: #ABDFB5

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

文本: #ABDFB5 → 背景色: #DFABD5

色差 (Delta E)

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

渐变

#ABDFB5 #B6D7BB #BFCFC0 #C8C6C5 #D0BECB #D8B4D0 #DFABD5

颜色混合

#ABDFB5

100%

#BAD3BD

75:25

#C8C6C5

50:50

#D4B9CD

25:75

#DFABD5

100%

CSS渐变代码

background: linear-gradient(to right, #ABDFB5, #DFABD5);
background: linear-gradient(135deg, #ABDFB5, #DFABD5);

探索每种颜色

#ABDFB5

查看完整颜色详情

#DFABD5

查看完整颜色详情

相关比较