#9BADE2

#9BADE2

#E2D09B

#E2D09B

对比度

1.45:1

Delta E

59.18

Very Different

50:50 混合

#C4BEBF

颜色值

格式 #9BADE2 #E2D09B
HEX #9BADE2 #E2D09B
RGB 155, 173, 226 226, 208, 155
HSL 224.8, 55.0%, 74.7% 44.8, 55.0%, 74.7%
HSV 224.8, 31.4%, 88.6% 44.8, 31.4%, 88.6%
CMYK 31.4%, 23.5%, 0.0%, 11.4% 0.0%, 8.0%, 31.4%, 11.4%
OKLCH 0.753 0.0793 269.9 0.8597 0.0719 91.5

对比度与无障碍

1.45:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #E2D09B → 背景色: #9BADE2

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

文本: #9BADE2 → 背景色: #E2D09B

色差 (Delta E)

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

渐变

#9BADE2 #AAB3D7 #B8B8CB #C4BEBF #CEC4B4 #D9CAA7 #E2D09B

颜色混合

#9BADE2

100%

#B1B5D1

75:25

#C4BEBF

50:50

#D4C7AE

25:75

#E2D09B

100%

CSS渐变代码

background: linear-gradient(to right, #9BADE2, #E2D09B);
background: linear-gradient(135deg, #9BADE2, #E2D09B);

探索每种颜色

#9BADE2

查看完整颜色详情

#E2D09B

查看完整颜色详情

相关比较