#AFBCCE

#AFBCCE

#CEC1AF

#CEC1AF

对比度

1.09:1

Delta E

21.6

Noticeable

50:50 混合

#BFBEBF

颜色值

格式 #AFBCCE #CEC1AF
HEX #AFBCCE #CEC1AF
RGB 175, 188, 206 206, 193, 175
HSL 214.8, 24.0%, 74.7% 34.8, 24.0%, 74.7%
HSV 214.8, 15.0%, 80.8% 34.8, 15.0%, 80.8%
CMYK 15.0%, 8.7%, 0.0%, 19.2% 0.0%, 6.3%, 15.0%, 19.2%
OKLCH 0.7909 0.0294 256.5 0.8167 0.0287 76.2

对比度与无障碍

1.09:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #CEC1AF → 背景色: #AFBCCE

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

文本: #AFBCCE → 背景色: #CEC1AF

色差 (Delta E)

21.6 Noticeable
0 — 完全相同 5 — 相似 25 — 明显差异 100 — 差异很大

渐变

#AFBCCE #B5BDC9 #BABEC4 #BFBEBF #C5BFB9 #C9C0B4 #CEC1AF

颜色混合

#AFBCCE

100%

#B8BDC6

75:25

#BFBEBF

50:50

#C7C0B7

25:75

#CEC1AF

100%

CSS渐变代码

background: linear-gradient(to right, #AFBCCE, #CEC1AF);
background: linear-gradient(135deg, #AFBCCE, #CEC1AF);

探索每种颜色

#AFBCCE

查看完整颜色详情

#CEC1AF

查看完整颜色详情

相关比较