#AF7CFF

#AF7CFF

#CCFF7C

#CCFF7C

对比度

2.54:1

Delta E

145.04

Very Different

50:50 混合

#CBBFC3

颜色值

格式 #AF7CFF #CCFF7C
HEX #AF7CFF #CCFF7C
RGB 175, 124, 255 204, 255, 124
HSL 263.4, 100.0%, 74.3% 83.4, 100.0%, 74.3%
HSV 263.4, 51.4%, 100.0% 83.4, 51.4%, 100.0%
CMYK 31.4%, 51.4%, 0.0%, 0.0% 20.0%, 0.0%, 51.4%, 0.0%
OKLCH 0.6941 0.1888 299.4 0.9378 0.1685 127.0

对比度与无障碍

2.54:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #CCFF7C → 背景色: #AF7CFF

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

文本: #AF7CFF → 背景色: #CCFF7C

色差 (Delta E)

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

渐变

#AF7CFF #BC93EC #C5A9D8 #CBBFC3 #CED4AE #CEEA96 #CCFF7C

颜色混合

#AF7CFF

100%

#C09EE2

75:25

#CBBFC3

50:50

#CEDFA2

25:75

#CCFF7C

100%

CSS渐变代码

background: linear-gradient(to right, #AF7CFF, #CCFF7C);
background: linear-gradient(135deg, #AF7CFF, #CCFF7C);

探索每种颜色

#AF7CFF

查看完整颜色详情

#CCFF7C

查看完整颜色详情

相关比较