#53BDDC

#53BDDC

#DC7253

#DC7253

对比度

1.47:1

Delta E

86.03

Very Different

50:50 混合

#B49A96

颜色值

格式 #53BDDC #DC7253
HEX #53BDDC #DC7253
RGB 83, 189, 220 220, 114, 83
HSL 193.6, 66.2%, 59.4% 13.6, 66.2%, 59.4%
HSV 193.6, 62.3%, 86.3% 13.6, 62.3%, 86.3%
CMYK 62.3%, 14.1%, 0.0%, 13.7% 0.0%, 48.2%, 62.3%, 13.7%
OKLCH 0.7486 0.1062 220.2 0.6679 0.1402 37.1

对比度与无障碍

1.47:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #DC7253 → 背景色: #53BDDC

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

文本: #53BDDC → 背景色: #DC7253

色差 (Delta E)

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

渐变

#53BDDC #82B2C4 #9FA6AD #B49A96 #C48E80 #D18069 #DC7253

颜色混合

#53BDDC

100%

#92ACB9

75:25

#B49A96

50:50

#CB8774

25:75

#DC7253

100%

CSS渐变代码

background: linear-gradient(to right, #53BDDC, #DC7253);
background: linear-gradient(135deg, #53BDDC, #DC7253);

探索每种颜色

#53BDDC

查看完整颜色详情

#DC7253

查看完整颜色详情

相关比较