#63DFEB

#63DFEB

#EB6F63

#EB6F63

对比度

1.9:1

Delta E

92.89

Very Different

50:50 混合

#C4ABA5

颜色值

格式 #63DFEB #EB6F63
HEX #63DFEB #EB6F63
RGB 99, 223, 235 235, 111, 99
HSL 185.3, 77.3%, 65.5% 5.3, 77.3%, 65.5%
HSV 185.3, 57.9%, 92.2% 5.3, 57.9%, 92.2%
CMYK 57.9%, 5.1%, 0.0%, 7.8% 0.0%, 52.8%, 57.9%, 7.8%
OKLCH 0.8382 0.1108 204.0 0.6869 0.1559 27.5

对比度与无障碍

1.9:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #EB6F63 → 背景色: #63DFEB

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

文本: #63DFEB → 背景色: #EB6F63

色差 (Delta E)

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

渐变

#63DFEB #92CED3 #AFBDBC #C4ABA5 #D5998E #E18578 #EB6F63

颜色混合

#63DFEB

100%

#A2C6C7

75:25

#C4ABA5

50:50

#DB8F83

25:75

#EB6F63

100%

CSS渐变代码

background: linear-gradient(to right, #63DFEB, #EB6F63);
background: linear-gradient(135deg, #63DFEB, #EB6F63);

探索每种颜色

#63DFEB

查看完整颜色详情

#EB6F63

查看完整颜色详情

相关比较