#8FDF99

#8FDF99

#DF8FD5

#DF8FD5

对比度

1.46:1

Delta E

94.8

Very Different

50:50 混合

#BFBAB8

颜色值

格式 #8FDF99 #DF8FD5
HEX #8FDF99 #DF8FD5
RGB 143, 223, 153 223, 143, 213
HSL 127.5, 55.6%, 71.8% 307.5, 55.6%, 71.8%
HSV 127.5, 35.9%, 87.5% 307.5, 35.9%, 87.5%
CMYK 35.9%, 0.0%, 31.4%, 12.5% 0.0%, 35.9%, 4.5%, 12.5%
OKLCH 0.8341 0.1252 147.4 0.7539 0.1316 331.3

对比度与无障碍

1.46:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #DF8FD5 → 背景色: #8FDF99

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

文本: #8FDF99 → 背景色: #DF8FD5

色差 (Delta E)

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

渐变

#8FDF99 #A2D3A4 #B1C7AE #BFBAB8 #CBADC2 #D59FCC #DF8FD5

颜色混合

#8FDF99

100%

#AACDA9

75:25

#BFBAB8

50:50

#D0A6C7

25:75

#DF8FD5

100%

CSS渐变代码

background: linear-gradient(to right, #8FDF99, #DF8FD5);
background: linear-gradient(135deg, #8FDF99, #DF8FD5);

探索每种颜色

#8FDF99

查看完整颜色详情

#DF8FD5

查看完整颜色详情

相关比较