#BADEAA

#BADEAA

#CEAADE

#CEAADE

对比度

1.35:1

Delta E

62.17

Very Different

50:50 混合

颜色值

格式 #BADEAA #CEAADE
HEX #BADEAA #CEAADE
RGB 186, 222, 170 206, 170, 222
HSL 101.5, 44.1%, 76.9% 281.5, 44.1%, 76.9%
HSV 101.5, 23.4%, 87.1% 281.5, 23.4%, 87.1%
CMYK 16.2%, 0.0%, 23.4%, 12.9% 7.2%, 23.4%, 0.0%, 12.9%
OKLCH 0.8612 0.0798 136.1 0.787 0.0821 315.3

对比度与无障碍

1.35:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #CEAADE → 背景色: #BADEAA

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

文本: #BADEAA → 背景色: #CEAADE

色差 (Delta E)

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

渐变

颜色混合

CSS渐变代码

background: linear-gradient(to right, #BADEAA, #CEAADE);
background: linear-gradient(135deg, #BADEAA, #CEAADE);

探索每种颜色

相关比较