#ADD8DF

#ADD8DF

#DFB4AD

#DFB4AD

对比度

1.21:1

Delta E

32.81

Very Different

50:50 混合

#CAC6C6

颜色值

格式 #ADD8DF #DFB4AD
HEX #ADD8DF #DFB4AD
RGB 173, 216, 223 223, 180, 173
HSL 188.4, 43.9%, 77.6% 8.4, 43.9%, 77.6%
HSV 188.4, 22.4%, 87.5% 8.4, 22.4%, 87.5%
CMYK 22.4%, 3.1%, 0.0%, 12.5% 0.0%, 19.3%, 22.4%, 12.5%
OKLCH 0.854 0.0459 208.5 0.8063 0.0512 29.0

对比度与无障碍

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

文本可读性

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

文本: #DFB4AD → 背景色: #ADD8DF

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

文本: #ADD8DF → 背景色: #DFB4AD

色差 (Delta E)

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

渐变

#ADD8DF #B8D2D7 #C1CCCE #CAC6C6 #D1C0BD #D8BAB5 #DFB4AD

颜色混合

#ADD8DF

100%

#BCCFD2

75:25

#CAC6C6

50:50

#D5BDB9

25:75

#DFB4AD

100%

CSS渐变代码

background: linear-gradient(to right, #ADD8DF, #DFB4AD);
background: linear-gradient(135deg, #ADD8DF, #DFB4AD);

探索每种颜色

#ADD8DF

查看完整颜色详情

#DFB4AD

查看完整颜色详情

相关比较