#52C5DF

#52C5DF

#DF6C52

#DF6C52

对比度

1.63:1

Delta E

90.32

Very Different

50:50 混合

#B79C97

颜色值

格式 #52C5DF #DF6C52
HEX #52C5DF #DF6C52
RGB 82, 197, 223 223, 108, 82
HSL 191.1, 68.8%, 59.8% 11.1, 68.8%, 59.8%
HSV 191.1, 63.2%, 87.5% 11.1, 63.2%, 87.5%
CMYK 63.2%, 11.7%, 0.0%, 12.5% 0.0%, 51.6%, 63.2%, 12.5%
OKLCH 0.7681 0.1087 215.3 0.6628 0.1496 34.0

对比度与无障碍

1.63:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #DF6C52 → 背景色: #52C5DF

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

文本: #52C5DF → 背景色: #DF6C52

色差 (Delta E)

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

渐变

#52C5DF #84B8C7 #A2AAAE #B79C97 #C88D80 #D57D69 #DF6C52

颜色混合

#52C5DF

100%

#94B1BA

75:25

#B79C97

50:50

#CE8574

25:75

#DF6C52

100%

CSS渐变代码

background: linear-gradient(to right, #52C5DF, #DF6C52);
background: linear-gradient(135deg, #52C5DF, #DF6C52);

探索每种颜色

#52C5DF

查看完整颜色详情

#DF6C52

查看完整颜色详情

相关比较