#AFDDB7

#AFDDB7

#DDAFD5

#DDAFD5

对比度

1.24:1

Delta E

53.04

Very Different

50:50 混合

#C8C7C6

颜色值

格式 #AFDDB7 #DDAFD5
HEX #AFDDB7 #DDAFD5
RGB 175, 221, 183 221, 175, 213
HSL 130.4, 40.4%, 77.6% 310.4, 40.4%, 77.6%
HSV 130.4, 20.8%, 86.7% 310.4, 20.8%, 86.7%
CMYK 20.8%, 0.0%, 17.2%, 13.3% 0.0%, 20.8%, 3.6%, 13.3%
OKLCH 0.8548 0.071 149.8 0.807 0.0732 332.3

对比度与无障碍

1.24:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #DDAFD5 → 背景色: #AFDDB7

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

文本: #AFDDB7 → 背景色: #DDAFD5

色差 (Delta E)

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

渐变

#AFDDB7 #B8D6BC #C1CFC1 #C8C7C6 #D0BFCB #D7B7D0 #DDAFD5

颜色混合

#AFDDB7

100%

#BCD2BF

75:25

#C8C7C6

50:50

#D3BBCE

25:75

#DDAFD5

100%

CSS渐变代码

background: linear-gradient(to right, #AFDDB7, #DDAFD5);
background: linear-gradient(135deg, #AFDDB7, #DDAFD5);

探索每种颜色

#AFDDB7

查看完整颜色详情

#DDAFD5

查看完整颜色详情

相关比较