#ADF0B2

#ADF0B2

#F0ADEB

#F0ADEB

对比度

1.34:1

Delta E

81.36

Very Different

50:50 混合

#D4D1CF

颜色值

格式 #ADF0B2 #F0ADEB
HEX #ADF0B2 #F0ADEB
RGB 173, 240, 178 240, 173, 235
HSL 124.5, 69.1%, 81.0% 304.5, 69.1%, 81.0%
HSV 124.5, 27.9%, 94.1% 304.5, 27.9%, 94.1%
CMYK 27.9%, 0.0%, 25.8%, 5.9% 0.0%, 27.9%, 2.1%, 5.9%
OKLCH 0.8945 0.1078 146.5 0.8299 0.1117 329.1

对比度与无障碍

1.34:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #F0ADEB → 背景色: #ADF0B2

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

文本: #ADF0B2 → 背景色: #F0ADEB

色差 (Delta E)

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

渐变

#ADF0B2 #BBE6BC #C8DCC6 #D4D1CF #DEC5D9 #E7BAE2 #F0ADEB

颜色混合

#ADF0B2

100%

#C2E1C1

75:25

#D4D1CF

50:50

#E3C0DD

25:75

#F0ADEB

100%

CSS渐变代码

background: linear-gradient(to right, #ADF0B2, #F0ADEB);
background: linear-gradient(135deg, #ADF0B2, #F0ADEB);

探索每种颜色

#ADF0B2

查看完整颜色详情

#F0ADEB

查看完整颜色详情

相关比较