#6AFD72

#6AFD72

#FD6AF5

#FD6AF5

对比度

1.86:1

Delta E

170.91

Very Different

50:50 混合

#CDC0B8

颜色值

格式 #6AFD72 #FD6AF5
HEX #6AFD72 #FD6AF5
RGB 106, 253, 114 253, 106, 245
HSL 123.3, 97.4%, 70.4% 303.3, 97.4%, 70.4%
HSV 123.3, 58.1%, 99.2% 303.3, 58.1%, 99.2%
CMYK 58.1%, 0.0%, 54.9%, 0.8% 0.0%, 58.1%, 3.2%, 0.8%
OKLCH 0.8844 0.2211 144.3 0.7534 0.2368 329.8

对比度与无障碍

1.86:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #FD6AF5 → 背景色: #6AFD72

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

文本: #6AFD72 → 背景色: #FD6AF5

色差 (Delta E)

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

渐变

#6AFD72 #97EA8C #B5D6A3 #CDC0B8 #E0A8CD #F08CE1 #FD6AF5

颜色混合

#6AFD72

100%

#A7E098

75:25

#CDC0B8

50:50

#E89BD7

25:75

#FD6AF5

100%

CSS渐变代码

background: linear-gradient(to right, #6AFD72, #FD6AF5);
background: linear-gradient(135deg, #6AFD72, #FD6AF5);

探索每种颜色

#6AFD72

查看完整颜色详情

#FD6AF5

查看完整颜色详情

相关比较