#63ADCF

#63ADCF

#CF8563

#CF8563

对比度

1.17:1

Delta E

66.79

Very Different

50:50 混合

#AA9A99

颜色值

格式 #63ADCF #CF8563
HEX #63ADCF #CF8563
RGB 99, 173, 207 207, 133, 99
HSL 198.9, 52.9%, 60.0% 18.9, 52.9%, 60.0%
HSV 198.9, 52.2%, 81.2% 18.9, 52.2%, 81.2%
CMYK 52.2%, 16.4%, 0.0%, 18.8% 0.0%, 35.7%, 52.2%, 18.8%
OKLCH 0.7126 0.0889 229.5 0.6857 0.1031 45.3

对比度与无障碍

1.17:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #CF8563 → 背景色: #63ADCF

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

文本: #63ADCF → 背景色: #CF8563

色差 (Delta E)

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

渐变

#63ADCF #82A7BD #98A0AB #AA9A99 #B89387 #C48C75 #CF8563

颜色混合

#63ADCF

100%

#8EA4B4

75:25

#AA9A99

50:50

#BF907E

25:75

#CF8563

100%

CSS渐变代码

background: linear-gradient(to right, #63ADCF, #CF8563);
background: linear-gradient(135deg, #63ADCF, #CF8563);

探索每种颜色

#63ADCF

查看完整颜色详情

#CF8563

查看完整颜色详情

相关比较