#69AF7B

#69AF7B

#AF699D

#AF699D

对比度

1.5:1

Delta E

78.98

Very Different

50:50 混合

#938F8D

颜色值

格式 #69AF7B #AF699D
HEX #69AF7B #AF699D
RGB 105, 175, 123 175, 105, 157
HSL 135.4, 30.4%, 54.9% 315.4, 30.4%, 54.9%
HSV 135.4, 40.0%, 68.6% 315.4, 40.0%, 68.6%
CMYK 40.0%, 0.0%, 29.7%, 31.4% 0.0%, 40.0%, 10.3%, 31.4%
OKLCH 0.6936 0.1045 151.1 0.6147 0.1121 337.0

对比度与无障碍

1.5:1
AA Fail AA Large Fail AAA Fail AAA Large Fail

文本可读性

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

文本: #AF699D → 背景色: #69AF7B

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

文本: #69AF7B → 背景色: #AF699D

色差 (Delta E)

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

渐变

#69AF7B #7AA581 #889A87 #938F8D #9E8392 #A77798 #AF699D

颜色混合

#69AF7B

100%

#81A084

75:25

#938F8D

50:50

#A27D95

25:75

#AF699D

100%

CSS渐变代码

background: linear-gradient(to right, #69AF7B, #AF699D);
background: linear-gradient(135deg, #69AF7B, #AF699D);

探索每种颜色

#69AF7B

查看完整颜色详情

#AF699D

查看完整颜色详情

相关比较