#5ABCD9

#5ABCD9

#D9775A

#D9775A

对比度

1.43:1

Delta E

79.92

Very Different

50:50 混合

#B29C98

颜色值

格式 #5ABCD9 #D9775A
HEX #5ABCD9 #D9775A
RGB 90, 188, 217 217, 119, 90
HSL 193.7, 62.6%, 60.2% 13.7, 62.6%, 60.2%
HSV 193.7, 58.5%, 85.1% 13.7, 58.5%, 85.1%
CMYK 58.5%, 13.4%, 0.0%, 14.9% 0.0%, 45.2%, 58.5%, 14.9%
OKLCH 0.7475 0.1004 220.0 0.6729 0.1297 37.3

对比度与无障碍

1.43:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #D9775A → 背景色: #5ABCD9

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

文本: #5ABCD9 → 背景色: #D9775A

色差 (Delta E)

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

渐变

#5ABCD9 #83B2C3 #9EA7AE #B29C98 #C29083 #CE846F #D9775A

颜色混合

#5ABCD9

100%

#92ACB8

75:25

#B29C98

50:50

#C88A79

25:75

#D9775A

100%

CSS渐变代码

background: linear-gradient(to right, #5ABCD9, #D9775A);
background: linear-gradient(135deg, #5ABCD9, #D9775A);

探索每种颜色

#5ABCD9

查看完整颜色详情

#D9775A

查看完整颜色详情

相关比较