#AFB5CE

#AFB5CE

#CEC8AF

#CEC8AF

对比度

1.21:1

Delta E

27.84

Very Different

50:50 混合

#BFBEBF

颜色值

格式 #AFB5CE #CEC8AF
HEX #AFB5CE #CEC8AF
RGB 175, 181, 206 206, 200, 175
HSL 228.4, 24.0%, 74.7% 48.4, 24.0%, 74.7%
HSV 228.4, 15.0%, 80.8% 48.4, 15.0%, 80.8%
CMYK 15.0%, 12.1%, 0.0%, 19.2% 0.0%, 2.9%, 15.0%, 19.2%
OKLCH 0.7764 0.0362 274.8 0.8309 0.0345 95.9

对比度与无障碍

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

文本可读性

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

文本: #CEC8AF → 背景色: #AFB5CE

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

文本: #AFB5CE → 背景色: #CEC8AF

色差 (Delta E)

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

渐变

#AFB5CE #B5B8C9 #BABBC4 #BFBEBF #C4C2BA #C9C5B4 #CEC8AF

颜色混合

#AFB5CE

100%

#B8BAC6

75:25

#BFBEBF

50:50

#C7C3B7

25:75

#CEC8AF

100%

CSS渐变代码

background: linear-gradient(to right, #AFB5CE, #CEC8AF);
background: linear-gradient(135deg, #AFB5CE, #CEC8AF);

探索每种颜色

#AFB5CE

查看完整颜色详情

#CEC8AF

查看完整颜色详情

相关比较