#7DABDF

#7DABDF

#DFB17D

#DFB17D

对比度

1.22:1

Delta E

65.4

Very Different

50:50 混合

#B9AEAF

颜色值

格式 #7DABDF #DFB17D
HEX #7DABDF #DFB17D
RGB 125, 171, 223 223, 177, 125
HSL 211.8, 60.5%, 68.2% 31.8, 60.5%, 68.2%
HSV 211.8, 43.9%, 87.5% 31.8, 43.9%, 87.5%
CMYK 43.9%, 23.3%, 0.0%, 12.5% 0.0%, 20.6%, 43.9%, 12.5%
OKLCH 0.7283 0.0908 252.1 0.7901 0.0865 69.5

对比度与无障碍

1.22:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #DFB17D → 背景色: #7DABDF

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

文本: #7DABDF → 背景色: #DFB17D

色差 (Delta E)

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

渐变

#7DABDF #95ACCF #A9ADBF #B9AEAF #C7AF9E #D4B08E #DFB17D

颜色混合

#7DABDF

100%

#9FACC7

75:25

#B9AEAF

50:50

#CDAF96

25:75

#DFB17D

100%

CSS渐变代码

background: linear-gradient(to right, #7DABDF, #DFB17D);
background: linear-gradient(135deg, #7DABDF, #DFB17D);

探索每种颜色

#7DABDF

查看完整颜色详情

#DFB17D

查看完整颜色详情

相关比较