#AFABDE

#AFABDE

#DADEAB

#DADEAB

对比度

1.55:1

Delta E

56.36

Very Different

50:50 混合

#C7C4C5

颜色值

格式 #AFABDE #DADEAB
HEX #AFABDE #DADEAB
RGB 175, 171, 222 218, 222, 171
HSL 244.7, 43.6%, 77.1% 64.7, 43.6%, 77.1%
HSV 244.7, 23.0%, 87.1% 64.7, 23.0%, 87.1%
CMYK 21.2%, 23.0%, 0.0%, 12.9% 1.8%, 0.0%, 23.0%, 12.9%
OKLCH 0.7623 0.0726 288.1 0.8849 0.0671 111.4

对比度与无障碍

1.55:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #DADEAB → 背景色: #AFABDE

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

文本: #AFABDE → 背景色: #DADEAB

色差 (Delta E)

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

渐变

#AFABDE #B8B3D6 #C0BCCE #C7C4C5 #CECDBD #D4D5B4 #DADEAB

颜色混合

#AFABDE

100%

#BCB7D2

75:25

#C7C4C5

50:50

#D1D1B8

25:75

#DADEAB

100%

CSS渐变代码

background: linear-gradient(to right, #AFABDE, #DADEAB);
background: linear-gradient(135deg, #AFABDE, #DADEAB);

探索每种颜色

#AFABDE

查看完整颜色详情

#DADEAB

查看完整颜色详情

相关比较