#BAFE9B

#BAFE9B

#DF9BFE

#DF9BFE

对比度

1.73:1

Delta E

115.38

Very Different

50:50 混合

#D4CFCF

颜色值

格式 #BAFE9B #DF9BFE
HEX #BAFE9B #DF9BFE
RGB 186, 254, 155 223, 155, 254
HSL 101.2, 98.0%, 80.2% 281.2, 98.0%, 80.2%
HSV 101.2, 39.0%, 99.6% 281.2, 39.0%, 99.6%
CMYK 26.8%, 0.0%, 39.0%, 0.4% 12.2%, 39.0%, 0.0%, 0.4%
OKLCH 0.929 0.1454 136.4 0.7906 0.1528 314.7

对比度与无障碍

1.73:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #DF9BFE → 背景色: #BAFE9B

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

文本: #BAFE9B → 背景色: #DF9BFE

色差 (Delta E)

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

渐变

#BAFE9B #C5EFAD #CEDFBE #D4CFCF #D9BEDF #DDADEF #DF9BFE

颜色混合

#BAFE9B

100%

#CAE7B6

75:25

#D4CFCF

50:50

#DBB6E7

25:75

#DF9BFE

100%

CSS渐变代码

background: linear-gradient(to right, #BAFE9B, #DF9BFE);
background: linear-gradient(135deg, #BAFE9B, #DF9BFE);

探索每种颜色

#BAFE9B

查看完整颜色详情

#DF9BFE

查看完整颜色详情

相关比较