#5AF080

#5AF080

#F05ACA

#F05ACA

对比度

2.02:1

Delta E

152.12

Very Different

50:50 混合

#BFB2A8

颜色值

格式 #5AF080 #F05ACA
HEX #5AF080 #F05ACA
RGB 90, 240, 128 240, 90, 202
HSL 135.2, 83.3%, 64.7% 315.2, 83.3%, 64.7%
HSV 135.2, 62.5%, 94.1% 315.2, 62.5%, 94.1%
CMYK 62.5%, 0.0%, 46.7%, 5.9% 0.0%, 62.5%, 15.8%, 5.9%
OKLCH 0.8495 0.1992 148.7 0.6989 0.2191 339.1

对比度与无障碍

2.02:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #F05ACA → 背景色: #5AF080

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

文本: #5AF080 → 背景色: #F05ACA

色差 (Delta E)

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

渐变

#5AF080 #89DC8E #A8C89C #BFB2A8 #D29AB4 #E27EBF #F05ACA

颜色混合

#5AF080

100%

#9AD295

75:25

#BFB2A8

50:50

#DB8CBA

25:75

#F05ACA

100%

CSS渐变代码

background: linear-gradient(to right, #5AF080, #F05ACA);
background: linear-gradient(135deg, #5AF080, #F05ACA);

探索每种颜色

#5AF080

查看完整颜色详情

#F05ACA

查看完整颜色详情

相关比较