#69AF89

#69AF89

#AF698F

#AF698F

对比度

1.54:1

Delta E

68.78

Very Different

50:50 混合

#938F8C

颜色值

格式 #69AF89 #AF698F
HEX #69AF89 #AF698F
RGB 105, 175, 137 175, 105, 143
HSL 147.4, 30.4%, 54.9% 327.4, 30.4%, 54.9%
HSV 147.4, 40.0%, 68.6% 327.4, 40.0%, 68.6%
CMYK 40.0%, 0.0%, 21.7%, 31.4% 0.0%, 40.0%, 18.3%, 31.4%
OKLCH 0.6969 0.091 159.1 0.6094 0.1016 346.8

对比度与无障碍

1.54:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #AF698F → 背景色: #69AF89

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

文本: #69AF89 → 背景色: #AF698F

色差 (Delta E)

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

渐变

#69AF89 #7AA58A #889A8B #938F8C #9E838D #A7778E #AF698F

颜色混合

#69AF89

100%

#819F8B

75:25

#938F8C

50:50

#A27D8E

25:75

#AF698F

100%

CSS渐变代码

background: linear-gradient(to right, #69AF89, #AF698F);
background: linear-gradient(135deg, #69AF89, #AF698F);

探索每种颜色

#69AF89

查看完整颜色详情

#AF698F

查看完整颜色详情

相关比较