#63DF88

#63DF88

#DF63BA

#DF63BA

对比度

1.88:1

Delta E

126.27

Very Different

50:50 混合

#B4AAA3

颜色值

格式 #63DF88 #DF63BA
HEX #63DF88 #DF63BA
RGB 99, 223, 136 223, 99, 186
HSL 137.9, 66.0%, 63.1% 317.9, 66.0%, 63.1%
HSV 137.9, 55.6%, 87.5% 317.9, 55.6%, 87.5%
CMYK 55.6%, 0.0%, 39.0%, 12.5% 0.0%, 55.6%, 16.6%, 12.5%
OKLCH 0.8118 0.1656 150.8 0.6793 0.1832 340.5

对比度与无障碍

1.88:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #DF63BA → 背景色: #63DF88

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

文本: #63DF88 → 背景色: #DF63BA

色差 (Delta E)

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

渐变

#63DF88 #87CE92 #A0BC9A #B4AAA3 #C595AB #D37EB3 #DF63BA

颜色混合

#63DF88

100%

#94C596

75:25

#B4AAA3

50:50

#CC8AAF

25:75

#DF63BA

100%

CSS渐变代码

background: linear-gradient(to right, #63DF88, #DF63BA);
background: linear-gradient(135deg, #63DF88, #DF63BA);

探索每种颜色

#63DF88

查看完整颜色详情

#DF63BA

查看完整颜色详情

相关比较