#AFDBB1

#AFDBB1

#DBAFD9

#DBAFD9

对比度

1.22:1

Delta E

55.46

Very Different

50:50 混合

#C7C6C5

颜色值

格式 #AFDBB1 #DBAFD9
HEX #AFDBB1 #DBAFD9
RGB 175, 219, 177 219, 175, 217
HSL 122.7, 37.9%, 77.3% 302.7, 37.9%, 77.3%
HSV 122.7, 20.1%, 85.9% 302.7, 20.1%, 85.9%
CMYK 20.1%, 0.0%, 19.2%, 14.1% 0.0%, 20.1%, 0.9%, 14.1%
OKLCH 0.849 0.0738 146.1 0.8065 0.0756 327.7

对比度与无障碍

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

文本可读性

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

文本: #DBAFD9 → 背景色: #AFDBB1

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

文本: #AFDBB1 → 背景色: #DBAFD9

色差 (Delta E)

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

渐变

#AFDBB1 #B8D4B8 #C0CDBF #C7C6C5 #CEBFCC #D5B7D3 #DBAFD9

颜色混合

#AFDBB1

100%

#BCD1BB

75:25

#C7C6C5

50:50

#D2BBCF

25:75

#DBAFD9

100%

CSS渐变代码

background: linear-gradient(to right, #AFDBB1, #DBAFD9);
background: linear-gradient(135deg, #AFDBB1, #DBAFD9);

探索每种颜色

#AFDBB1

查看完整颜色详情

#DBAFD9

查看完整颜色详情

相关比较