#8CF6AF

#8CF6AF

#F68CD3

#F68CD3

对比度

1.66:1

Delta E

106.15

Very Different

50:50 混合

#CDC6C2

颜色值

格式 #8CF6AF #F68CD3
HEX #8CF6AF #F68CD3
RGB 140, 246, 175 246, 140, 211
HSL 139.8, 85.5%, 75.7% 319.8, 85.5%, 75.7%
HSV 139.8, 43.1%, 96.5% 319.8, 43.1%, 96.5%
CMYK 43.1%, 0.0%, 28.9%, 3.5% 0.0%, 43.1%, 14.2%, 3.5%
OKLCH 0.8908 0.1401 153.3 0.7748 0.1534 340.8

对比度与无障碍

1.66:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #F68CD3 → 背景色: #8CF6AF

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

文本: #8CF6AF → 背景色: #F68CD3

色差 (Delta E)

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

渐变

#8CF6AF #A7E7B6 #BCD7BC #CDC6C2 #DDB4C8 #EAA1CE #F68CD3

颜色混合

#8CF6AF

100%

#B2DFB9

75:25

#CDC6C2

50:50

#E4ABCB

25:75

#F68CD3

100%

CSS渐变代码

background: linear-gradient(to right, #8CF6AF, #F68CD3);
background: linear-gradient(135deg, #8CF6AF, #F68CD3);

探索每种颜色

#8CF6AF

查看完整颜色详情

#F68CD3

查看完整颜色详情

相关比较