#80ABDF

#80ABDF

#DFB480

#DFB480

对比度

1.25:1

Delta E

64.34

Very Different

50:50 混合

#BAAFB0

颜色值

格式 #80ABDF #DFB480
HEX #80ABDF #DFB480
RGB 128, 171, 223 223, 180, 128
HSL 212.8, 59.7%, 68.8% 32.8, 59.7%, 68.8%
HSV 212.8, 42.6%, 87.5% 32.8, 42.6%, 87.5%
CMYK 42.6%, 23.3%, 0.0%, 12.5% 0.0%, 19.3%, 42.6%, 12.5%
OKLCH 0.73 0.0892 253.6 0.7964 0.0843 71.4

对比度与无障碍

1.25:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #DFB480 → 背景色: #80ABDF

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

文本: #80ABDF → 背景色: #DFB480

色差 (Delta E)

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

渐变

#80ABDF #97ACCF #AAAEC0 #BAAFB0 #C7B1A0 #D4B290 #DFB480

颜色混合

#80ABDF

100%

#A1ADC8

75:25

#BAAFB0

50:50

#CEB298

25:75

#DFB480

100%

CSS渐变代码

background: linear-gradient(to right, #80ABDF, #DFB480);
background: linear-gradient(135deg, #80ABDF, #DFB480);

探索每种颜色

#80ABDF

查看完整颜色详情

#DFB480

查看完整颜色详情

相关比较