#71D3DF

#71D3DF

#DF7D71

#DF7D71

对比度

1.65:1

Delta E

74.81

Very Different

50:50 混合

#BCABA7

颜色值

格式 #71D3DF #DF7D71
HEX #71D3DF #DF7D71
RGB 113, 211, 223 223, 125, 113
HSL 186.5, 63.2%, 65.9% 6.5, 63.2%, 65.9%
HSV 186.5, 49.3%, 87.5% 6.5, 49.3%, 87.5%
CMYK 49.3%, 5.4%, 0.0%, 12.5% 0.0%, 43.9%, 49.3%, 12.5%
OKLCH 0.8116 0.0937 205.9 0.6947 0.1236 28.0

对比度与无障碍

1.65:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #DF7D71 → 背景色: #71D3DF

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

文本: #71D3DF → 背景色: #DF7D71

色差 (Delta E)

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

渐变

#71D3DF #92C6CC #AAB8B9 #BCABA7 #CA9C94 #D58D83 #DF7D71

颜色混合

#71D3DF

100%

#9FBFC2

75:25

#BCABA7

50:50

#D0958B

25:75

#DF7D71

100%

CSS渐变代码

background: linear-gradient(to right, #71D3DF, #DF7D71);
background: linear-gradient(135deg, #71D3DF, #DF7D71);

探索每种颜色

#71D3DF

查看完整颜色详情

#DF7D71

查看完整颜色详情

相关比较