#6BFD9F

#6BFD9F

#FD6BC9

#FD6BC9

对比度

1.99:1

Delta E

138.48

Very Different

50:50 混合

#CCBFB6

颜色值

格式 #6BFD9F #FD6BC9
HEX #6BFD9F #FD6BC9
RGB 107, 253, 159 253, 107, 201
HSL 141.4, 97.3%, 70.6% 321.4, 97.3%, 70.6%
HSV 141.4, 57.7%, 99.2% 321.4, 57.7%, 99.2%
CMYK 57.7%, 0.0%, 37.2%, 0.8% 0.0%, 57.7%, 20.6%, 0.8%
OKLCH 0.8916 0.1814 152.5 0.7356 0.2041 343.8

对比度与无障碍

1.99:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #FD6BC9 → 背景色: #6BFD9F

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

文本: #6BFD9F → 背景色: #FD6BC9

色差 (Delta E)

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

渐变

#6BFD9F #96E9A7 #B4D5AF #CCBFB6 #DFA7BD #EF8CC3 #FD6BC9

颜色混合

#6BFD9F

100%

#A6DFAB

75:25

#CCBFB6

50:50

#E79AC0

25:75

#FD6BC9

100%

CSS渐变代码

background: linear-gradient(to right, #6BFD9F, #FD6BC9);
background: linear-gradient(135deg, #6BFD9F, #FD6BC9);

探索每种颜色

#6BFD9F

查看完整颜色详情

#FD6BC9

查看完整颜色详情

相关比较