#D1B0FE

#D1B0FE

#DDFEB0

#DDFEB0

对比度

1.66:1

Delta E

86.69

Very Different

50:50 混合

#DBD7D9

颜色值

格式 #D1B0FE #DDFEB0
HEX #D1B0FE #DDFEB0
RGB 209, 176, 254 221, 254, 176
HSL 265.4, 97.5%, 84.3% 85.4, 97.5%, 84.3%
HSV 265.4, 30.7%, 99.6% 85.4, 30.7%, 99.6%
CMYK 17.7%, 30.7%, 0.0%, 0.4% 13.0%, 0.0%, 30.7%, 0.4%
OKLCH 0.8134 0.1128 303.4 0.955 0.1061 126.9

对比度与无障碍

1.66:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #DDFEB0 → 背景色: #D1B0FE

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

文本: #D1B0FE → 背景色: #DDFEB0

色差 (Delta E)

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

渐变

#D1B0FE #D5BDF2 #D9CAE5 #DBD7D9 #DDE4CC #DDF1BE #DDFEB0

颜色混合

#D1B0FE

100%

#D7C4EC

75:25

#DBD7D9

50:50

#DDEBC5

25:75

#DDFEB0

100%

CSS渐变代码

background: linear-gradient(to right, #D1B0FE, #DDFEB0);
background: linear-gradient(135deg, #D1B0FE, #DDFEB0);

探索每种颜色

#D1B0FE

查看完整颜色详情

#DDFEB0

查看完整颜色详情

相关比较