#AFED76

#AFED76

#B476ED

#B476ED

对比度

2.25:1

Delta E

135.85

Very Different

50:50 混合

#BDB4B6

颜色值

格式 #AFED76 #B476ED
HEX #AFED76 #B476ED
RGB 175, 237, 118 180, 118, 237
HSL 91.3, 76.8%, 69.6% 271.3, 76.8%, 69.6%
HSV 91.3, 50.2%, 92.9% 271.3, 50.2%, 92.9%
CMYK 26.2%, 0.0%, 50.2%, 7.1% 24.1%, 50.2%, 0.0%, 7.1%
OKLCH 0.8786 0.1631 131.7 0.6795 0.1776 306.3

对比度与无障碍

2.25:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #B476ED → 背景色: #AFED76

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

文本: #AFED76 → 背景色: #B476ED

色差 (Delta E)

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

渐变

#AFED76 #B6DA8D #BBC7A2 #BDB4B6 #BCA0C9 #B98CDB #B476ED

颜色混合

#AFED76

100%

#B9D198

75:25

#BDB4B6

50:50

#BB96D2

25:75

#B476ED

100%

CSS渐变代码

background: linear-gradient(to right, #AFED76, #B476ED);
background: linear-gradient(135deg, #AFED76, #B476ED);

探索每种颜色

#AFED76

查看完整颜色详情

#B476ED

查看完整颜色详情

相关比较