#7CBCDF

#7CBCDF

#DF9F7C

#DF9F7C

对比度

1.08:1

Delta E

60.21

Very Different

50:50 混合

#BAAEAD

颜色值

格式 #7CBCDF #DF9F7C
HEX #7CBCDF #DF9F7C
RGB 124, 188, 223 223, 159, 124
HSL 201.2, 60.7%, 68.0% 21.2, 60.7%, 68.0%
HSV 201.2, 44.4%, 87.5% 21.2, 44.4%, 87.5%
CMYK 44.4%, 15.7%, 0.0%, 12.5% 0.0%, 28.7%, 44.4%, 12.5%
OKLCH 0.7649 0.0825 233.3 0.7559 0.0904 49.6

对比度与无障碍

1.08:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #DF9F7C → 背景色: #7CBCDF

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

文本: #7CBCDF → 背景色: #DF9F7C

色差 (Delta E)

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

渐变

#7CBCDF #96B7CE #AAB3BE #BAAEAD #C8A99D #D4A48C #DF9F7C

颜色混合

#7CBCDF

100%

#A0B5C6

75:25

#BAAEAD

50:50

#CEA795

25:75

#DF9F7C

100%

CSS渐变代码

background: linear-gradient(to right, #7CBCDF, #DF9F7C);
background: linear-gradient(135deg, #7CBCDF, #DF9F7C);

探索每种颜色

#7CBCDF

查看完整颜色详情

#DF9F7C

查看完整颜色详情

相关比较