#3FCD87

#3FCD87

#CD3F85

#CD3F85

对比度

2.22:1

Delta E

121.64

Very Different

50:50 混合

#A29387

颜色值

格式 #3FCD87 #CD3F85
HEX #3FCD87 #CD3F85
RGB 63, 205, 135 205, 63, 133
HSL 150.4, 58.7%, 52.5% 330.4, 58.7%, 52.5%
HSV 150.4, 69.3%, 80.4% 330.4, 69.3%, 80.4%
CMYK 69.3%, 0.0%, 34.1%, 19.6% 0.0%, 69.3%, 35.1%, 19.6%
OKLCH 0.7561 0.1576 157.2 0.5919 0.1888 354.2

对比度与无障碍

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

文本可读性

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

文本: #CD3F85 → 背景色: #3FCD87

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

文本: #3FCD87 → 背景色: #CD3F85

色差 (Delta E)

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

渐变

#3FCD87 #70BA87 #8DA787 #A29387 #B37C86 #C16286 #CD3F85

颜色混合

#3FCD87

100%

#80B187

75:25

#A29387

50:50

#BB6F86

25:75

#CD3F85

100%

CSS渐变代码

background: linear-gradient(to right, #3FCD87, #CD3F85);
background: linear-gradient(135deg, #3FCD87, #CD3F85);

探索每种颜色

#3FCD87

查看完整颜色详情

#CD3F85

查看完整颜色详情

相关比较