#8AFD6C

#8AFD6C

#DF6CFD

#DF6CFD

对比度

2.12:1

Delta E

168.99

Very Different

50:50 混合

#C8BDBB

颜色值

格式 #8AFD6C #DF6CFD
HEX #8AFD6C #DF6CFD
RGB 138, 253, 108 223, 108, 253
HSL 107.6, 97.3%, 70.8% 287.6, 97.3%, 70.8%
HSV 107.6, 57.3%, 99.2% 287.6, 57.3%, 99.2%
CMYK 45.5%, 0.0%, 57.3%, 0.8% 11.9%, 57.3%, 0.0%, 0.8%
OKLCH 0.8957 0.2116 139.6 0.7224 0.2256 318.9

对比度与无障碍

2.12:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #DF6CFD → 背景色: #8AFD6C

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

文本: #8AFD6C → 背景色: #DF6CFD

色差 (Delta E)

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

渐变

#8AFD6C #A6E889 #B9D3A3 #C8BDBB #D3A5D1 #DA8BE7 #DF6CFD

颜色混合

#8AFD6C

100%

#B0DE96

75:25

#C8BDBB

50:50

#D798DC

25:75

#DF6CFD

100%

CSS渐变代码

background: linear-gradient(to right, #8AFD6C, #DF6CFD);
background: linear-gradient(135deg, #8AFD6C, #DF6CFD);

探索每种颜色

#8AFD6C

查看完整颜色详情

#DF6CFD

查看完整颜色详情

相关比较