#87DBB3

#87DBB3

#DB87AF

#DB87AF

对比度

1.58:1

Delta E

75.85

Very Different

50:50 混合

#BAB4B1

颜色值

格式 #87DBB3 #DB87AF
HEX #87DBB3 #DB87AF
RGB 135, 219, 179 219, 135, 175
HSL 151.4, 53.8%, 69.4% 331.4, 53.8%, 69.4%
HSV 151.4, 38.4%, 85.9% 331.4, 38.4%, 85.9%
CMYK 38.4%, 0.0%, 18.3%, 14.1% 0.0%, 38.4%, 20.1%, 14.1%
OKLCH 0.8267 0.1004 162.5 0.7227 0.1135 350.3

对比度与无障碍

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

文本可读性

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

文本: #DB87AF → 背景色: #87DBB3

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

文本: #87DBB3 → 背景色: #DB87AF

色差 (Delta E)

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

渐变

#87DBB3 #9BCEB2 #ACC1B2 #BAB4B1 #C6A6B1 #D197B0 #DB87AF

颜色混合

#87DBB3

100%

#A4C8B2

75:25

#BAB4B1

50:50

#CC9FB0

25:75

#DB87AF

100%

CSS渐变代码

background: linear-gradient(to right, #87DBB3, #DB87AF);
background: linear-gradient(135deg, #87DBB3, #DB87AF);

探索每种颜色

#87DBB3

查看完整颜色详情

#DB87AF

查看完整颜色详情

相关比较