#6CB4DF

#6CB4DF

#DF976C

#DF976C

对比度

1.05:1

Delta E

70.37

Very Different

50:50 混合

#B6A6A5

颜色值

格式 #6CB4DF #DF976C
HEX #6CB4DF #DF976C
RGB 108, 180, 223 223, 151, 108
HSL 202.4, 64.2%, 64.9% 22.4, 64.2%, 64.9%
HSV 202.4, 51.6%, 87.5% 22.4, 51.6%, 87.5%
CMYK 51.6%, 19.3%, 0.0%, 12.5% 0.0%, 32.3%, 51.6%, 12.5%
OKLCH 0.7392 0.0955 236.3 0.7384 0.1044 51.3

对比度与无障碍

1.05:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #DF976C → 背景色: #6CB4DF

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

文本: #6CB4DF → 背景色: #DF976C

色差 (Delta E)

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

渐变

#6CB4DF #8CAFCC #A4ABB8 #B6A6A5 #C6A192 #D39C7F #DF976C

颜色混合

#6CB4DF

100%

#99ADC2

75:25

#B6A6A5

50:50

#CD9F89

25:75

#DF976C

100%

CSS渐变代码

background: linear-gradient(to right, #6CB4DF, #DF976C);
background: linear-gradient(135deg, #6CB4DF, #DF976C);

探索每种颜色

#6CB4DF

查看完整颜色详情

#DF976C

查看完整颜色详情

相关比较