#5DFEB3

#5DFEB3

#FE5DA8

#FE5DA8

对比度

2.22:1

Delta E

132.85

Very Different

50:50 混合

#CCBAAE

颜色值

格式 #5DFEB3 #FE5DA8
HEX #5DFEB3 #FE5DA8
RGB 93, 254, 179 254, 93, 168
HSL 152.0, 98.8%, 68.0% 332.0, 98.8%, 68.0%
HSV 152.0, 63.4%, 99.6% 332.0, 63.4%, 99.6%
CMYK 63.4%, 0.0%, 29.5%, 0.4% 0.0%, 63.4%, 33.9%, 0.4%
OKLCH 0.894 0.1714 159.4 0.7092 0.2071 354.9

对比度与无障碍

2.22:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #FE5DA8 → 背景色: #5DFEB3

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

文本: #5DFEB3 → 背景色: #FE5DA8

色差 (Delta E)

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

渐变

#5DFEB3 #92E8B2 #B3D2B0 #CCBAAE #DFA0AC #F082AA #FE5DA8

颜色混合

#5DFEB3

100%

#A4DDB1

75:25

#CCBAAE

50:50

#E892AB

25:75

#FE5DA8

100%

CSS渐变代码

background: linear-gradient(to right, #5DFEB3, #FE5DA8);
background: linear-gradient(135deg, #5DFEB3, #FE5DA8);

探索每种颜色

#5DFEB3

查看完整颜色详情

#FE5DA8

查看完整颜色详情

相关比较