#84DF87

#84DF87

#DF84DC

#DF84DC

对比度

1.52:1

Delta E

114.08

Very Different

50:50 混合

#BCB6B3

颜色值

格式 #84DF87 #DF84DC
HEX #84DF87 #DF84DC
RGB 132, 223, 135 223, 132, 220
HSL 122.0, 58.7%, 69.6% 302.0, 58.7%, 69.6%
HSV 122.0, 40.8%, 87.5% 302.0, 40.8%, 87.5%
CMYK 40.8%, 0.0%, 39.5%, 12.5% 0.0%, 40.8%, 1.3%, 12.5%
OKLCH 0.8252 0.1494 144.8 0.7396 0.1569 328.2

对比度与无障碍

1.52:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #DF84DC → 背景色: #84DF87

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

文本: #84DF87 → 背景色: #DF84DC

色差 (Delta E)

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

渐变

#84DF87 #9BD296 #ADC5A5 #BCB6B3 #C9A7C1 #D597CF #DF84DC

颜色混合

#84DF87

100%

#A4CB9E

75:25

#BCB6B3

50:50

#CF9FC8

25:75

#DF84DC

100%

CSS渐变代码

background: linear-gradient(to right, #84DF87, #DF84DC);
background: linear-gradient(135deg, #84DF87, #DF84DC);

探索每种颜色

#84DF87

查看完整颜色详情

#DF84DC

查看完整颜色详情

相关比较