#63CFDF

#63CFDF

#DF7363

#DF7363

对比度

1.7:1

Delta E

82.81

Very Different

50:50 混合

#BAA49F

颜色值

格式 #63CFDF #DF7363
HEX #63CFDF #DF7363
RGB 99, 207, 223 223, 115, 99
HSL 187.7, 66.0%, 63.1% 7.7, 66.0%, 63.1%
HSV 187.7, 55.6%, 87.5% 7.7, 55.6%, 87.5%
CMYK 55.6%, 7.2%, 0.0%, 12.5% 0.0%, 48.4%, 55.6%, 12.5%
OKLCH 0.797 0.1013 208.3 0.6762 0.1378 29.8

对比度与无障碍

1.7:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #DF7363 → 背景色: #63CFDF

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

文本: #63CFDF → 背景色: #DF7363

色差 (Delta E)

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

渐变

#63CFDF #8CC1C9 #A6B3B4 #BAA49F #C9958B #D58577 #DF7363

颜色混合

#63CFDF

100%

#9ABABF

75:25

#BAA49F

50:50

#CF8D81

25:75

#DF7363

100%

CSS渐变代码

background: linear-gradient(to right, #63CFDF, #DF7363);
background: linear-gradient(135deg, #63CFDF, #DF7363);

探索每种颜色

#63CFDF

查看完整颜色详情

#DF7363

查看完整颜色详情

相关比较