#6ABCDF

#6ABCDF

#DF8D6A

#DF8D6A

对比度

1.21:1

Delta E

71.51

Very Different

50:50 混合

#B7A6A4

颜色值

格式 #6ABCDF #DF8D6A
HEX #6ABCDF #DF8D6A
RGB 106, 188, 223 223, 141, 106
HSL 197.9, 64.6%, 64.5% 17.9, 64.6%, 64.5%
HSV 197.9, 52.5%, 87.5% 17.9, 52.5%, 87.5%
CMYK 52.5%, 15.7%, 0.0%, 12.5% 0.0%, 36.8%, 52.5%, 12.5%
OKLCH 0.7563 0.0945 227.7 0.7203 0.1115 43.7

对比度与无障碍

1.21:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #DF8D6A → 背景色: #6ABCDF

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

文本: #6ABCDF → 背景色: #DF8D6A

色差 (Delta E)

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

渐变

#6ABCDF #8CB5CB #A4ADB7 #B7A6A4 #C79E91 #D4967D #DF8D6A

颜色混合

#6ABCDF

100%

#99B1C1

75:25

#B7A6A4

50:50

#CD9A87

25:75

#DF8D6A

100%

CSS渐变代码

background: linear-gradient(to right, #6ABCDF, #DF8D6A);
background: linear-gradient(135deg, #6ABCDF, #DF8D6A);

探索每种颜色

#6ABCDF

查看完整颜色详情

#DF8D6A

查看完整颜色详情

相关比较