#63DF83

#63DF83

#DF63BF

#DF63BF

对比度

1.86:1

Delta E

129.85

Very Different

50:50 混合

#B4AAA3

颜色值

格式 #63DF83 #DF63BF
HEX #63DF83 #DF63BF
RGB 99, 223, 131 223, 99, 191
HSL 135.5, 66.0%, 63.1% 315.5, 66.0%, 63.1%
HSV 135.5, 55.6%, 87.5% 315.5, 55.6%, 87.5%
CMYK 55.6%, 0.0%, 41.3%, 12.5% 0.0%, 55.6%, 14.3%, 12.5%
OKLCH 0.8109 0.1702 149.6 0.6814 0.1867 338.6

对比度与无障碍

1.86:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #DF63BF → 背景色: #63DF83

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

文本: #63DF83 → 背景色: #DF63BF

色差 (Delta E)

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

渐变

#63DF83 #87CE8E #A0BD99 #B4AAA3 #C596AD #D37FB6 #DF63BF

颜色混合

#63DF83

100%

#94C694

75:25

#B4AAA3

50:50

#CC8AB1

25:75

#DF63BF

100%

CSS渐变代码

background: linear-gradient(to right, #63DF83, #DF63BF);
background: linear-gradient(135deg, #63DF83, #DF63BF);

探索每种颜色

#63DF83

查看完整颜色详情

#DF63BF

查看完整颜色详情

相关比较