#52DFDC

#52DFDC

#DF5255

#DF5255

对比度

2.36:1

Delta E

104.05

Very Different

50:50 混合

#BCA096

颜色值

格式 #52DFDC #DF5255
HEX #52DFDC #DF5255
RGB 82, 223, 220 223, 82, 85
HSL 178.7, 68.8%, 59.8% 358.7, 68.8%, 59.8%
HSV 178.7, 63.2%, 87.5% 358.7, 63.2%, 87.5%
CMYK 63.2%, 0.0%, 1.3%, 12.5% 0.0%, 63.2%, 61.9%, 12.5%
OKLCH 0.828 0.1195 193.1 0.6284 0.1762 22.5

对比度与无障碍

2.36:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #DF5255 → 背景色: #52DFDC

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

文本: #52DFDC → 背景色: #DF5255

色差 (Delta E)

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

渐变

#52DFDC #88CBC4 #A7B6AD #BCA096 #CB897F #D7706A #DF5255

颜色混合

#52DFDC

100%

#99C0B8

75:25

#BCA096

50:50

#D17D75

25:75

#DF5255

100%

CSS渐变代码

background: linear-gradient(to right, #52DFDC, #DF5255);
background: linear-gradient(135deg, #52DFDC, #DF5255);

探索每种颜色

#52DFDC

查看完整颜色详情

#DF5255

查看完整颜色详情

相关比较