#71B9DA

#71B9DA

#DA9271

#DA9271

对比度

1.16:1

Delta E

64.23

Very Different

50:50 混合

#B5A6A5

颜色值

格式 #71B9DA #DA9271
HEX #71B9DA #DA9271
RGB 113, 185, 218 218, 146, 113
HSL 198.9, 58.7%, 64.9% 18.9, 58.7%, 64.9%
HSV 198.9, 48.2%, 85.5% 18.9, 48.2%, 85.5%
CMYK 48.2%, 15.1%, 0.0%, 14.5% 0.0%, 33.0%, 48.2%, 14.5%
OKLCH 0.7508 0.0864 229.1 0.7245 0.099 45.4

对比度与无障碍

1.16:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #DA9271 → 背景色: #71B9DA

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

文本: #71B9DA → 背景色: #DA9271

色差 (Delta E)

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

渐变

#71B9DA #8EB3C8 #A3ADB7 #B5A6A5 #C3A094 #CF9982 #DA9271

颜色混合

#71B9DA

100%

#99B0BF

75:25

#B5A6A5

50:50

#C99C8B

25:75

#DA9271

100%

CSS渐变代码

background: linear-gradient(to right, #71B9DA, #DA9271);
background: linear-gradient(135deg, #71B9DA, #DA9271);

探索每种颜色

#71B9DA

查看完整颜色详情

#DA9271

查看完整颜色详情

相关比较