#83BAE2

#83BAE2

#E2AB83

#E2AB83

对比度

1.03:1

Delta E

58.66

Very Different

50:50 混合

#BDB3B3

颜色值

格式 #83BAE2 #E2AB83
HEX #83BAE2 #E2AB83
RGB 131, 186, 226 226, 171, 131
HSL 205.3, 62.1%, 70.0% 25.3, 62.1%, 70.0%
HSV 205.3, 42.0%, 88.6% 25.3, 42.0%, 88.6%
CMYK 42.0%, 17.7%, 0.0%, 11.4% 0.0%, 24.3%, 42.0%, 11.4%
OKLCH 0.7654 0.0814 240.7 0.7828 0.0841 57.2

对比度与无障碍

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

文本可读性

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

文本: #E2AB83 → 背景色: #83BAE2

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

文本: #83BAE2 → 背景色: #E2AB83

色差 (Delta E)

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

渐变

#83BAE2 #9AB8D2 #ADB5C2 #BDB3B3 #CBB0A3 #D7AE93 #E2AB83

颜色混合

#83BAE2

100%

#A4B6CA

75:25

#BDB3B3

50:50

#D1AF9B

25:75

#E2AB83

100%

CSS渐变代码

background: linear-gradient(to right, #83BAE2, #E2AB83);
background: linear-gradient(135deg, #83BAE2, #E2AB83);

探索每种颜色

#83BAE2

查看完整颜色详情

#E2AB83

查看完整颜色详情

相关比较