#5DFEB4

#5DFEB4

#FE5DA7

#FE5DA7

对比度

2.22:1

Delta E

132.33

Very Different

50:50 混合

#CCBAAE

颜色值

格式 #5DFEB4 #FE5DA7
HEX #5DFEB4 #FE5DA7
RGB 93, 254, 180 254, 93, 167
HSL 152.4, 98.8%, 68.0% 332.4, 98.8%, 68.0%
HSV 152.4, 63.4%, 99.6% 332.4, 63.4%, 99.6%
CMYK 63.4%, 0.0%, 29.1%, 0.4% 0.0%, 63.4%, 34.3%, 0.4%
OKLCH 0.8942 0.1705 159.7 0.7089 0.2066 355.3

对比度与无障碍

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

文本可读性

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

文本: #FE5DA7 → 背景色: #5DFEB4

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

文本: #5DFEB4 → 背景色: #FE5DA7

色差 (Delta E)

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

渐变

#5DFEB4 #92E8B2 #B3D2B0 #CCBAAE #E0A0AC #F082A9 #FE5DA7

颜色混合

#5DFEB4

100%

#A4DDB1

75:25

#CCBAAE

50:50

#E892AB

25:75

#FE5DA7

100%

CSS渐变代码

background: linear-gradient(to right, #5DFEB4, #FE5DA7);
background: linear-gradient(135deg, #5DFEB4, #FE5DA7);

探索每种颜色

#5DFEB4

查看完整颜色详情

#FE5DA7

查看完整颜色详情

相关比较