#71C7DF

#71C7DF

#DF8971

#DF8971

对比度

1.37:1

Delta E

69.16

Very Different

50:50 混合

#BAAAA7

颜色值

格式 #71C7DF #DF8971
HEX #71C7DF #DF8971
RGB 113, 199, 223 223, 137, 113
HSL 193.1, 63.2%, 65.9% 13.1, 63.2%, 65.9%
HSV 193.1, 49.3%, 87.5% 13.1, 49.3%, 87.5%
CMYK 49.3%, 10.8%, 0.0%, 12.5% 0.0%, 38.6%, 49.3%, 12.5%
OKLCH 0.7843 0.0898 217.9 0.7146 0.1115 36.4

对比度与无障碍

1.37:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #DF8971 → 背景色: #71C7DF

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

文本: #71C7DF → 背景色: #DF8971

色差 (Delta E)

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

渐变

#71C7DF #91BDCC #A8B4B9 #BAAAA7 #C89F95 #D59483 #DF8971

颜色混合

#71C7DF

100%

#9DB9C3

75:25

#BAAAA7

50:50

#CF9A8C

25:75

#DF8971

100%

CSS渐变代码

background: linear-gradient(to right, #71C7DF, #DF8971);
background: linear-gradient(135deg, #71C7DF, #DF8971);

探索每种颜色

#71C7DF

查看完整颜色详情

#DF8971

查看完整颜色详情

相关比较