#3CF066

#3CF066

#F03CC6

#F03CC6

对比度

2.25:1

Delta E

175.42

Very Different

50:50 混合

#BCAB9B

颜色值

格式 #3CF066 #F03CC6
HEX #3CF066 #F03CC6
RGB 60, 240, 102 240, 60, 198
HSL 134.0, 85.7%, 58.8% 314.0, 85.7%, 58.8%
HSV 134.0, 75.0%, 94.1% 314.0, 75.0%, 94.1%
CMYK 75.0%, 0.0%, 57.5%, 5.9% 0.0%, 75.0%, 17.5%, 5.9%
OKLCH 0.839 0.2304 146.8 0.6703 0.2514 339.4

对比度与无障碍

2.25:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #F03CC6 → 背景色: #3CF066

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

文本: #3CF066 → 背景色: #F03CC6

色差 (Delta E)

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

渐变

#3CF066 #7EDA7A #A2C48B #BCAB9B #D18FAA #E26EB8 #F03CC6

颜色混合

#3CF066

100%

#92CF83

75:25

#BCAB9B

50:50

#DA7FB1

25:75

#F03CC6

100%

CSS渐变代码

background: linear-gradient(to right, #3CF066, #F03CC6);
background: linear-gradient(135deg, #3CF066, #F03CC6);

探索每种颜色

#3CF066

查看完整颜色详情

#F03CC6

查看完整颜色详情

相关比较