#9DAEE4

#9DAEE4

#E4D39D

#E4D39D

对比度

1.47:1

Delta E

60.05

Very Different

50:50 混合

#C5C0C1

颜色值

格式 #9DAEE4 #E4D39D
HEX #9DAEE4 #E4D39D
RGB 157, 174, 228 228, 211, 157
HSL 225.6, 56.8%, 75.5% 45.6, 56.8%, 75.5%
HSV 225.6, 31.1%, 89.4% 45.6, 31.1%, 89.4%
CMYK 31.1%, 23.7%, 0.0%, 10.6% 0.0%, 7.5%, 31.1%, 10.6%
OKLCH 0.7573 0.0802 270.9 0.8679 0.0727 92.7

对比度与无障碍

1.47:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #E4D39D → 背景色: #9DAEE4

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

文本: #9DAEE4 → 背景色: #E4D39D

色差 (Delta E)

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

渐变

#9DAEE4 #ACB4D9 #B9BACD #C5C0C1 #D0C6B6 #DBCDA9 #E4D39D

颜色混合

#9DAEE4

100%

#B3B7D3

75:25

#C5C0C1

50:50

#D6C9B0

25:75

#E4D39D

100%

CSS渐变代码

background: linear-gradient(to right, #9DAEE4, #E4D39D);
background: linear-gradient(135deg, #9DAEE4, #E4D39D);

探索每种颜色

#9DAEE4

查看完整颜色详情

#E4D39D

查看完整颜色详情

相关比较