#6FFF4F

#6FFF4F

#DF4FFF

#DF4FFF

对比度

2.4:1

Delta E

198.65

Very Different

50:50 混合

#C4B6B1

颜色值

格式 #6FFF4F #DF4FFF
HEX #6FFF4F #DF4FFF
RGB 111, 255, 79 223, 79, 255
HSL 109.1, 100.0%, 65.5% 289.1, 100.0%, 65.5%
HSV 109.1, 69.0%, 100.0% 289.1, 69.0%, 100.0%
CMYK 56.5%, 0.0%, 69.0%, 0.0% 12.5%, 69.0%, 0.0%, 0.0%
OKLCH 0.8874 0.2464 140.4 0.6922 0.2646 319.7

对比度与无障碍

2.4:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #DF4FFF → 背景色: #6FFF4F

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

文本: #6FFF4F → 背景色: #DF4FFF

色差 (Delta E)

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

渐变

#6FFF4F #98E876 #B2CF95 #C4B6B1 #D19ACC #DA79E6 #DF4FFF

颜色混合

#6FFF4F

100%

#A6DC86

75:25

#C4B6B1

50:50

#D68AD9

25:75

#DF4FFF

100%

CSS渐变代码

background: linear-gradient(to right, #6FFF4F, #DF4FFF);
background: linear-gradient(135deg, #6FFF4F, #DF4FFF);

探索每种颜色

#6FFF4F

查看完整颜色详情

#DF4FFF

查看完整颜色详情

相关比较