#71B5DF

#71B5DF

#DF9B71

#DF9B71

对比度

1.03:1

Delta E

67.38

Very Different

50:50 混合

#B7A8A8

颜色值

格式 #71B5DF #DF9B71
HEX #71B5DF #DF9B71
RGB 113, 181, 223 223, 155, 113
HSL 202.9, 63.2%, 65.9% 22.9, 63.2%, 65.9%
HSV 202.9, 49.3%, 87.5% 22.9, 49.3%, 87.5%
CMYK 49.3%, 18.8%, 0.0%, 12.5% 0.0%, 30.5%, 49.3%, 12.5%
OKLCH 0.7438 0.092 236.9 0.7465 0.0994 52.3

对比度与无障碍

1.03:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #DF9B71 → 背景色: #71B5DF

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

文本: #71B5DF → 背景色: #DF9B71

色差 (Delta E)

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

渐变

#71B5DF #8FB1CD #A5ADBA #B7A8A8 #C6A496 #D4A083 #DF9B71

颜色混合

#71B5DF

100%

#9BAFC3

75:25

#B7A8A8

50:50

#CDA28D

25:75

#DF9B71

100%

CSS渐变代码

background: linear-gradient(to right, #71B5DF, #DF9B71);
background: linear-gradient(135deg, #71B5DF, #DF9B71);

探索每种颜色

#71B5DF

查看完整颜色详情

#DF9B71

查看完整颜色详情

相关比较