#53ADCF

#53ADCF

#CF7553

#CF7553

对比度

1.3:1

Delta E

77.36

Very Different

50:50 混合

#A89390

颜色值

格式 #53ADCF #CF7553
HEX #53ADCF #CF7553
RGB 83, 173, 207 207, 117, 83
HSL 196.5, 56.4%, 56.9% 16.5, 56.4%, 56.9%
HSV 196.5, 59.9%, 81.2% 16.5, 59.9%, 81.2%
CMYK 59.9%, 16.4%, 0.0%, 18.8% 0.0%, 43.5%, 59.9%, 18.8%
OKLCH 0.706 0.0988 225.6 0.6553 0.1229 41.2

对比度与无障碍

1.3:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #CF7553 → 背景色: #53ADCF

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

文本: #53ADCF → 背景色: #CF7553

色差 (Delta E)

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

渐变

#53ADCF #7BA4BA #959CA5 #A89390 #B8897C #C47F67 #CF7553

颜色混合

#53ADCF

100%

#89A0AF

75:25

#A89390

50:50

#BE8472

25:75

#CF7553

100%

CSS渐变代码

background: linear-gradient(to right, #53ADCF, #CF7553);
background: linear-gradient(135deg, #53ADCF, #CF7553);

探索每种颜色

#53ADCF

查看完整颜色详情

#CF7553

查看完整颜色详情

相关比较